Next.js, silently fails on page refresh.

[rajat-np]

I am facing an issue while using with Next.js. It silently fails to load on page refresh but whenever a change is made, hot reload happens, the chart is rendered.

[rajat-np]

It's happening because of chart container not present in DOM at the time when the script is loaded.

[WilliamAnputra]

any solution ?

[gusgg1]

You want to render your component holding the widget like so:

const DynamicHomeWithNoSSR = dynamic(() => import('./MyWidget'), { ssr: false });
const MyWidget = DynamicHomeWithNoSSR;