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

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
```tsx
return (
  <>
    <label for="email" />
    <input id="email" name="email" type="text" />
  </>
)
```