본문 바로가기

오류처리/react 오류처리

[Next.JS]node_modules/react-redux/lib/components/Context.js

redux-toolkit 연동하면서 react 호환성 과 관련되어있는 듯한 에러가 발생 

=>Provider 와 사용할 페이지에 "use client" 추가하여 해결

//provider.tsx
"use client";

import { Provider } from "react-redux";
import store from "./store";

export function Providers({ children }: { children: React.ReactNode }) {
  return <Provider store={store}>{children}</Provider>;
}


//page.tsx
"use client";
import { useAppSelector } from "@/redux/hooks";
import Image from "next/image";

export default function Home() {
[...]