Usage with Next.js

The TradingView widgets are loaded client-side. This means that you are required to load them without Server Side Rendering (SSR) using next/dynamic. An example is found below:

import dynamic from "next/dynamic";

const SymbolOverviewNoSSR = dynamic(

() => import("react-ts-tradingview-components").then((w) => w.SymbolOverview),

{

ssr: false,

},

);