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

I solve this code for me, you just have to import ButtonHTMLAttributes from react and that's it

import { ButtonHTMLAttributes } from "react";

interface MyButtonProps extends ButtonHTMLAttributes {
    children: any;
}

export const MyButton = (props: ButtonI) => {
    const { children } = props;
 
    return {children};
};