🐛[BUG] ReferenceError: self is not defined in Next.js

I apologize, but the template for the issue is in Chinese and I don’t understand it.

Basically, using SSR with Next.js, If I install the library and try to render a chart I get this error.

Steps to reproduce:

• Clone this
• npm install
• npm run dev

Version: ant-design-charts ^1.1.1

Thanks for any help 😀

[lxfu1]

You can try to import from lib.

import Line from '@ant-design/charts/lib/line'

[tony-stark-edith]

@robertosannazzaro By nextjs documentation, the actual solution for undefined window/self reference is as follows:

import dynamic from "next/dynamic";
const Line = dynamic(
  () => import("@ant-design/charts").then((mode) => mode.Line),
  { ssr: false }
);