jsx-a11y/label-has-associated-control gives error when for is put

[TheElegantCoding]

This is my config

'jsx-a11y/label-has-associated-control': 'error'

i am not in react i use "for", this make me error in the code only when i put htmlFor works but i cant do that i dont use react

return (
  <>
    <label for="email" />
    <input id="email" name="email" type="text" />
  </>
)

[ljharb]

Most jsx renderers match react, since react invented jsx. It’d be reasonable to add a setting that can rename htmlFor as “for”, i suppose.

[TheElegantCoding]

not all jsx renderes match that, i am in solidjs so yeah it will be nice

[felquis]

It's missing aria-label attribute in the label element