You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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.
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.
Description
This issues summarize the
Migrating Current React version to Latest Stable versionPR :- #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 19xfor which I had to change multiple files where I had removeddefaultPropsand 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/reactformerly knows asreactFlow, 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