tfrs
tfrs copied to clipboard
TFRS - Upgrade react-table to v7
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.