React/NextJS General Questions
- There has been a major update to recharts, we are receiving errors during compilation, we are currently using v2.15.4.
- We are using Metronic/Starter Kits/NextJS/Layout-13 and we get an error in the sidebar when we switch to mobile view.
- Error Image
Thanks.
Replies (6)
Our project's current version is Next.js v9.2.6. How can we upgrade to the latest version in the easiest way?
Note: All packages except recharts are up to date.
Thank you
Hi,
Basically you just need to update package.json and the ReUI latest components in "components/ui". Also you can refer to the packages(concepts, starterkits) and use newly added layout and concept app components.
Regards,
Sean
I ran into a similar issue after upgrading Recharts recently. In my case, clearing the .next cache and reinstalling dependencies fixed some of the compilation errors:
rm -rf .next node_modules
npm install
If the sidebar issue still happens, try downgrading Recharts to the last stable version that worked (for me, v2.14.x was fine) and check if the error persists — that can help narrow down if it’s a compatibility issue with Metronic’s current build.
Hi,
We will provide Recharts 3.x migration for reui.io and Metronic soon. Please wait for our official migration as the new Recharts 3.x instructed major breaking changes.
Regards,
Sean
As a temporary solution I added this => <SheetPrimitive.Title /> in components\ui\sheet.tsx
Noted, on this,we will fix it in the next update for sure.
