react-apexcharts icon indicating copy to clipboard operation
react-apexcharts copied to clipboard

Apex charts does not render in Production in NextJS

Open irffanasiff opened this issue 2 years ago • 5 comments

I am using react-apexcharts with nextjs 13. Rendering it on client side works fine but in production the charts do not render.

Here is the demo of what happens when i run pnpm run start https://www.loom.com/embed/b842f9436adc4dd881e59fdb08749bd7

This is only when i run build. there is no issue in development. Here is the code i reproduced a minimum version of it Codesandbox

Screenshot 2022-11-23 at 12 37 27 PM

irffanasiff avatar Nov 23 '22 07:11 irffanasiff

Same problem in my local machine the chart works fine but in production mode it stutters

i've tried to downgrade to nextjs v12 it works on production

jptagorda avatar Nov 23 '22 16:11 jptagorda

so the problem is with nextjs 13. i cant afford to do that

irffanasiff avatar Nov 23 '22 16:11 irffanasiff

that's the fastest route i guess 😢

jptagorda avatar Nov 23 '22 17:11 jptagorda

I upgraded to latest version 13.4 and its resolved

fullstack-ninja-dev avatar May 08 '23 04:05 fullstack-ninja-dev

I'm using Next 13.4.4 and I'm encounter below error. On top of that resizing the chart for responsive setup won't work neither. Actually, resizing won't work at all. Did you guys experience something similar?

image

rojofan avatar Aug 01 '23 12:08 rojofan

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

github-actions[bot] avatar Aug 13 '24 14:08 github-actions[bot]