Shaw/APPEALS-44523-eFolder-Express-Reactv18.20.x

[AdamShawBAH]

Resolves APPEALS-44522

Description

The following details the changes made to upgrade eFolder to React 18.2.0. The changes made involve necessary syntax updates, complaint versioning, and addressing breaking changes, all of which are made to resolve warnings received during the upgrade process.

React and React-DOM Versions:

• Old: React and React-DOM were at version ^16.2.0.
• Updated: React and React-DOM are now at version 18.2.0.

React-Router-DOM Version:

• Old: React-Router-DOM was at version ^4.2.2.
• Updated: React-Router-DOM is now at version 5.3.4.

*Note - React Router is necessary to upgrade to be compliant with the React 18 which deprecates childContextTypes API which is no longer supported and will be removed in the next major release.
The upgrade is made to v5 to be consistent with Caseflow Frontend Toolkit.

Caseflow Frontend Toolkit:

• Old: It was added with commit hash a05abe6.
• Updated: The toolkit is now specified from the "upgrade-test" branch of the repository.

*Note - the above upgrade to the Caseflow Frontend toolkit is a test branch that points to upgrades necessary for the toolkits compliance with both Caseflow and eFolder. The toolkit itself also requires updates to React 18.2.0. As far as eFolder is concerned the update only includes a change for the Redux Base component which wraps the root and passes the redux store. Caseflow Frontend toolkit upgrade branch

Refactoring of index.jsx

• React 18 introduces createRoot as the recommended way to create a root for rendering in concurrent mode. By updating to use createRoot, the codebase ensures compatibility with React 18 and takes advantage of its new features and optimizations.