I keep reading that when in doubt I should turn an element into a component. So are there actually any benefits to turning form elements such as `<input />` to components.

Consider the following:

```
const SomeComp = (props) => {
  return (
    <form className='someClass' onSubmit={props.handleSubmit}>
      <Input
        className='someClass'
        type='text'
        id='someId'
        placeholder='Enter Something'
        onChange={props.handleChange}
        value={props.side}
      />
    </form>
  )
}

```

Unless I'm using options like autoCorrect, autoCapitalize, spellCheck the only things I'll save by wrapping the input into a component like `<TextInput/>` and importing it to various forms is not adding the type prop to each input and maybe the fact that the error for the input is not declared at the top of the form.

Is there anything else I'm missing? What's the most beneficial way to approch such form elements and why?