table for `grid` role; jsx-a11y/no-noninteractive-element-to-interactive-role

[icecream17]

I'm making a sudoku solver, and I'm using an html table for the sudoku. And instead of the default role table, I've just seen that grid (representing interactive tabular data) would be more accurate, since the cell's contents are editable. https://www.w3.org/TR/wai-aria-practices-1.1/#grid

I think using table as a grid is allowed, for example: https://www.w3.org/TR/wai-aria-practices-1.1/examples/grid/dataGrids.html (the examples use table) https://www.w3.org/TR/wai-aria-1.1/#grid (characteristics: base concept: html table) https://w3c.github.io/html-aria/#el-table (table can have any role)

But, when I set role to grid, there's an error:

src\Elems\MainElems\Sudoku.tsx
  Line 64:83:  Non-interactive elements should not be assigned interactive roles  jsx-a11y/no-noninteractive-element-to-interactive-role