How to add extra props to a <button> in ReactJS with Typescript?

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 <Button/> you create. and then you add whatever props you wish !! — oubaydos
– oubaydos, Commented Nov 30, 2021 at 12:42
well still he will encounter the same problem because the base button cant get it. @oubaydos — TalOrlanczyk
– TalOrlanczyk, Commented Nov 30, 2021 at 12:45

Алексей Мартинкевич · Accepted Answer · 2021-11-30 13:01:18Z

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, 2021 at 13:01

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

2,1009 silver badges7 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

TalOrlanczyk · Accepted Answer · 2021-11-30 12:52:27Z

0

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?

edited Nov 30, 2021 at 12:52

answered Nov 30, 2021 at 12:46

TalOrlanczyk

1,2139 silver badges21 bronze badges

Collectives™ on Stack Overflow

How to add extra props to a <button> in ReactJS with Typescript?

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related