#react #typescript props

react-ts-props.ts

interface IButtonProps {
    text: string,
    type: ButtonTypes,
    action: () => void
}

const ExtendedButton : React.FC<IButtonProps> = ({text, type, action}) => {
	//...
}

// We extend the FC (Functional Component) type with our own custom interface.

// Better:

interface IButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
    text: string,
    type: ButtonTypes,
    action: () => void
}