title: Do not mutate state directly. Use setState() react/no-direct-mutation-state
body: <p>I have this code:</p>
  
  <pre><code>constructor(props) {
      super(props)
      this.state = {
          loginButton: '',
          benchmarkList: ''
      }
      if (props.username == null) {
          this.state.loginButton = &lt;GoogleButton&gt;&lt;/GoogleButton&gt;
      } else {
  
      }
  }
  </code></pre>
  
  <p>It is giving me an ESLint warning: </p>
  
  <blockquote>
    <p>Do not mutate state directly. Use setState() 
    react/no-direct-mutation-state.</p>
  </blockquote>
  
  <p>Now what am I supposed to do as I can't use <code>setState</code> inside <code>constructor</code> directly as it creates <a href="https://stackoverflow.com/questions/36488195/why-does-react-throw-an-error-when-setstate-method-used-in-a-class-constructor">error</a> and updating like this gives me error.</p>