How to add extra props to a

Question

I'm building a custom component that has a normal <button> tag and I'm adding a new prop to it called aria-current.

The problem is that Typescript complains that this property does not exist inside <button>(and it doesnt). My question is: How to add this property to a simple <button> tag?

you could wrap it into a customized you create. and then you add whatever props you wish !! — oubaydos, Nov 30 '21 at 12:42
well still he will encounter the same problem because the base button cant get it. @oubaydos — TalOrlanczyk, Nov 30 '21 at 12:45

score 2 · Accepted Answer · answered Nov 30 '21 at 13:01

2

This property does exist on button, but you provide incorrect type. You need to specify the correct type and it will work fine

answered Nov 30 '21 at 13:01

Алексей Мартинкевич

1,777
6
6

TalOrlanczyk · Answer 2 · 2021-11-30T12:52:27.047

Hi before I could help can you add the reason why you want to add a props to button if the button tag dont get it's mean that he will never understand it and can't use it

UPDATE:

note that you can update but it will break the rest of the code you can look on this thread

How do I get the TypeScript engine to allow custom HTML attributes in JSX?

or this

How do I add attributes to existing HTML elements in TypeScript/JSX?

How to add extra props to a in ReactJS with Typescript?

2 Answers2

How to add extra props to a