title: Eslint error: Missing parentheses around multilines JSX react/jsx-wrap-multilines
body: <p>I am using Material UI checkbox in my project. I used it the same way it's used in Material UI example: <a href="https://material-ui.com/components/checkboxes/" rel="noreferrer">https://material-ui.com/components/checkboxes/</a>
  but eslint shows me this error:</p>
  
  <p><strong>error  Missing parentheses around multilines JSX  react/jsx-wrap-multilines</strong></p>
  
  <pre><code>&lt;FormControlLabel
    control={
      &lt;Checkbox
        checked={data.default}
        value="default"
        onChange={(e) =&gt; {
          return setData({ ...data, default: e.target.checked });
        }}
      /&gt;
    }
    label="Make default"
  /&gt;
  </code></pre>
  
  <p>error is on the line 2 (control={....)</p>