How to add a data attribute to Material-UI Button?

Question

I want to add a custom data attribute to the Material-UI Button Component like described here. In my case this would look like this:

<Button
  inputProps={{ 'data-testid'='clickButton' }}
>
Click
</Button

This solution doesn't work because there is no inputProps for the Button Component. So how can I set a custom data attribute to the Material-UI Button Component?

Answer 1

You just add the prop directly to Button:

<Button data-testid="clickButton">Click</Button>