Skip to content

Evaluate upgrade to React 19 #400

@Ayush4958

Description

@Ayush4958

Description

This issues summarize the Migrating Current React version to Latest Stable version PR :- #385. It also summarize my finding on the issue after migrating react 18x version to react 19x version.

Migrating React version PR

  • In this PR , I had migrated to React 19x for which I had to change multiple files where I had removed defaultProps and replacing them with standard ES6 default parameters.

  • To understand how the code actually changes you can read my PR :- Migrating Current React version to Latest Stable version #385.

  • After review , It was discovered that our build was throwing unhandled errors which was breaking the project as multiple dependency doesn't get supported by React 19x.

Investigated Solution

  • After investigation , I found at that major 4 dependency were being failing which were react-checkbox-tree , react-D3-graph , react-data-table-component , react-tagsInput.

  • For react-checkbox-tree , Even if we had to upgrade it to its latest version , It's still not will be get supported by react 19 and I also had find alternate we can use which are (Mui-x-tree-view , rc-tree) or we could build custom one for it.

  • For react-D3-graph , We were already using its latest version , It's still not being supported by react 19 (It doesn't even support 18) and I also had find alternate we can use which are (xyflow/react formerly knows as reactFlow , another alternative :- react-cytoscapejs).

  • For react-data-table-component ,  Even if we upgrade it to its latest version , It's still get partially supported by react 19 but could be risky as It may get broke in mid of project and I had find it's alternate we can use which are (tanstack/react-table , primereact DataTable , MUI DataGrid).

  • For react-tagsInput ,  Even if we upgrade it to its latest version , It's still not will be get supported by react 19 and I also had find alternate we can use which are (react-select ,Prime React , MUI).

Note

  • I am pausing further work on React 19 Migration PR. As team required time to evaluate alternative packages which will be supported by latest react version and also meet the project requirements.

Metadata

Metadata

Assignees

Labels

dependenciesPull requests that update a dependency file

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions