How do you get a native button's props to extend them in your component?

Explanation

type Props = React.ComponentProps<'button'> & { variant: 'primary' | 'ghost' } - the component accepts all native attributes (onClick, disabled, aria-*). HTMLButtonElement is the DOM node type, not props. ComponentProps<typeof MyComp> extracts the props of any component.

Further reading

• React TypeScript Cheatsheet ↗