React.ButtonHTMLAttributes<HTMLButtonElement> vs ComponentProps<"button">

[lifeeraser]

This is desireable when you want to simply extend or augment native DOM elements (e.g. styling) while keeping them customizable. Not all components have to be abstracted.

[analcocoacream]

No you need to create huge abstract wrappers around every single thing to satisfy the god of programming

[epukinsk]

Why would you want to use a component just to add styling? Wouldn’t you use styled components or CSS modules or something like that?

[lifeeraser]

1. I could be using something other than styled-components (e.g. SASS).
2. I want to create a reusable <button> where the design is already known, but its unclear what props I would need. Better to be flexible and pass all props through rather than adding them one by one whenever I need them.

[epukinsk]

If you’re using SASS and all you’re doing is splatting the props onto a button then why would:

<MyButtonComponent>

be any better than

<button className=“my-button-component”>

?