title: Linting jsx-a11y adding role to div element
body: <p>I am having trouble with <a href="https://github.com/evcohen/eslint-plugin-jsx-a11y/blob/master/docs/rules/no-static-element-interactions.md" rel="nofollow noreferrer">no-static-element-interactions</a></p>
  
  <p>Here is my code that doesn't pass it </p>
  
  <pre><code>      &lt;div
          className={ `selector-button ${ displayType === "GRID" &amp;&amp; "active" }` }
          onClick={ this.handleClick.bind( this, "GRID" ) }
          role="button"
        &gt;
  </code></pre>
  
  <p>Even adding a <code>role="button"</code> can't help me to pass through.</p>