Linting jsx-a11y adding role to div element

Question

I am having trouble with no-static-element-interactions

Here is my code that doesn't pass it

      <div
        className={ `selector-button ${ displayType === "GRID" && "active" }` }
        onClick={ this.handleClick.bind( this, "GRID" ) }
        role="button"
      >

Even adding a role="button" can't help me to pass through.

Answer 1

this is related to https://github.com/evcohen/eslint-plugin-jsx-a11y/issues/214 issue on eslint-plugin-jsx-a11y plugin repo.

Please follow the conversation their.