tfrs icon indicating copy to clipboard operation
tfrs copied to clipboard

TFRS - Upgrade react-table to v7

Open AlexZorkin opened this issue 1 year ago • 0 comments

Description:

In order to upgrade React to v18, we have to first upgrade react-table to version 7.

Acceptance Criteria:

Given I am a user, when I navigate to pages using react-table, then I should not notice any new behaviour and things should look the same as well.

Development Checklist:

(1) V7 of react-table has no out-of-the-box component for you to use; you must create your own using their new hooks-based api and use that. A guide can be found here: https://levelup.gitconnected.com/migrating-react-table-from-v6-to-v7-dc840eb7ad7.

Also see the official docs: https://react-table-v7.tanstack.com/docs/overview

(2) In StateSavingReactTable.js, we extend the v6 ReactTable component; this is no longer possible with v7. This may not be a bad thing; I think any customizations we want to do may be easier now with v7.

(3) There are > 20 instances of <ReactTable> across the application; these will all have to be replaced and tested.

Notes:

(1) No out-of-the-box styling with v7 either; we can copy the styles from v6 and use that.

AlexZorkin avatar Jan 25 '23 21:01 AlexZorkin