Disable eslint warning

Question

Anchor used as a button. Anchors are primarily expected to navigate. Use the button element instead. (jsx-a11y/anchor-is-valid)

I would like to disable the above warning.

So i write

<div data-g-id={this.props.g.id}>
  (// eslint-disable-next-line anchor-is-valid)
  <a
    className='classname'
    href="#"
    data-point="TL"
    onClick={this.callFunction}
   >
</div>

But the above one is not working.

Answer 1

Use

{
  // eslint-disable-next-line anchor-is-valid
}
<a
...

instead of ()

Answer 2

You can also do it globally in .eslintrc file:

{
  "rules": {
    "jsx-a11y/anchor-is-valid": 0
  }
}