jsx.d.ts

declare namespace JSX {
  interface Element {
    type: string | Function;
    props: any;
  }

  interface IntrinsicElements {
    div: HTMLAttributes;
    span: HTMLAttributes;
    button: ButtonHTMLAttributes;
    input: InputHTMLAttributes;
    p: HTMLAttributes;
    h1: HTMLAttributes;
    // add more as needed
  }

  interface HTMLAttributes {
    style?: string;
    className?: string;
    onClick?: (e: MouseEvent) => void;
    children?: any;
    [key: string]: any;
  }

  interface ButtonHTMLAttributes extends HTMLAttributes {
    type?: "button" | "submit" | "reset";
    disabled?: boolean;
  }

  interface InputHTMLAttributes extends HTMLAttributes {
    value?: string | number;
    type?: string;
    placeholder?: string;
    onInput?: (e: Event) => void;
    onChange?: (e: Event) => void;
  }
}