Extending HTML elements in React and TypeScript while preserving props

Question

I just can\'t wrap my head around this I guess, I\'ve tried probably half a dozen times and always resort to any... Is there a legitimate way to start with an HTML

Answer 1

Seems Like the above answer is outdated.

In my case I'm wrapping a styled component with a functional component, but still want to expose regular HTML button properties.

export const Button: React.FC> = ({ children, icon, ...props}) => ( 
  
     { icon && ({icon}< /i>)} 
     {children} 
   );