React-Table : Row select - Not able to select multiple rows

Question

I am not able to select multiple rows -- If I select a row , already selected row gets deselected - that is I am able to select only 1 row at a time.

Sometimes I am able to select 2 rows one after other , but when I select 3rd row , one of the already selected rows gets deselected automatically , not allowing me to select all 3 rows one after other

Though the select all checkbox works fine , when checked all rows are selected .

I have supplied data consisting of 3 rows

Please help .

Codesandbox - https://codesandbox.io/s/upbeat-breeze-hyodx?file=/src/App.js

Natasya Natasya · Accepted Answer · 2020-07-13T14:44:34

The issue is in index.js file , React-Table official codesandbox -

ReactDOM.render(<App />, document.getElementById('root'))

I was using React.StrictMode as below -

const rootElement = document.getElementById("root");
ReactDOM.render(
  <React.StrictMode>
    <App />
  </React.StrictMode>,
  rootElement
);

On removing React.StrictMode , things worked , not sure though why Strict Mode was interfering

React-Table : Row select - Not able to select multiple rows

1 Answers