nextjs window is not defined

Nextjs 에서 window is not defined 에러가 발생하고 있는데 window를 사용하고 있는 곳이 없거나 조치가 안되는 경우

에러에서 힌트를 얻을 수 있다

Apexcharts 라이브러리를 사용하고 있는데 해당 라이브러리에서 window를 사용하고 있어서 발생한 에러였다
'use client'를 붙여도 해결되지 않아서

동적 import로 클라이언트에서만 동작하도록 해서 해결하였다

"use client";

import dynamic from "next/dynamic";
const ApexChart = dynamic(() => import("react-apexcharts"), { ssr: false });
export default ApexChart;

참고

• https://nextjs.org/docs/app/building-your-application/optimizing/lazy-loading