title: ReactJS props.onchange destructuring
body: <p>How to fix the following props destructure for ReactJS without having to turn off <code>&quot;react/destructuring-assignment&quot;</code>? Thanks.</p>
  <pre><code>const AutocompleteField = (props) =&gt; {
    const { ...rest } = props
    const { control, handleSubmit, errors, setError } = useFormContext()
  
    return (
      &lt;Root&gt;
        &lt;Autocomplete
          multiple
          limitTags={1}
          options={CATEGORIES}
          getOptionLabel={(option) =&gt; (typeof option === 'string' ? option : option.title)}
          onChange={(event, value) =&gt; props.onChange(value)}
  &lt;snip&gt;
  </code></pre>