Material UIでaria-labelを指定する

Material UI使ってinput要素にARIA rolesつけようと思っても無理やったのでどうやって付与するのか分からなかったけど、inputProps使ったらいけるっぽい。

code:jsx

<TextField

id="greeting"

inputProps={{

"aria-label": "greeting",

}}

{...field}

error={Boolean(errors?.greeting)}

helperText={errors?.greeting?.message}

inputPropsを使えるとinputに対してpropsとして値を付与できるみたい。TextFieldだけにあるっぽいから基本は他のやつは使わない？

基本的にbutton名とか何かしら紐づく名前とかがあったりするからtesting-library/reactで取得する場合はなんとかなるのかな？