title: Problems with ESLint arrow-body when replacing it without block
body: <p>I know that the question is elsewhere, but it does not work for me.</p>
  
  <h2>Unexpected block statement surrounding arrow body; parenthesize the returned value and move it immediately after the <code>=&gt;</code>  arrow-body-style##</h2>
  
  <p>I tried it:</p>
  
  <pre><code>  changePage(id) {
      this.setState(prevState, props =&gt; (...prevState, selectedPageId: id));
      };
    }
  </code></pre>
  
  <p>Return the following message: 'prevState' is declared but its value is never read.</p>
  
  <p>The original code:</p>
  
  <pre><code>  changePage(id) {
      this.setState((prevState, props) =&gt; {
        return { ...prevState, selectedPageId: id };
      });
    }
  </code></pre>
  
  <p>Solve that ESLint problem without ignoring the validation.</p>
  
  <p>Thanks for your help.</p>