0

Why am I getting an error in Next Js 13 when I use Redux ?

Error - And when I try to useDispatch somewhere I get this error - Unhandled Runtime Error Error: could not find react-redux context value; please ensure the component is wrapped in a .

Here is my code

**AppProvider.tsx: **


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

export default function AppProvider({children}:any) {
    return <Provider store={store}>{children}</Provider>
}


**layout.tsx:**


import './globals.scss'
import type { Metadata } from 'next'
import { Inter } from 'next/font/google'
import Header from "@/components/Header/Header";
import store from '../store/store'
import {AppProvider} from "@/provider/AppProvider";
import {auth} from "@/firebase/firebase";

const inter = Inter({ subsets: ['latin'] })

export const metadata: Metadata = {
  title: 'Buy glasses or sunglasses - E-Shop',
  description: 'Buy glasses or sunglasses, E-Shop',
}

export default function RootLayout({
  children,
}: {
  children: React.ReactNode
}) {
    const uid = auth.onAuthStateChanged(() => {
        console.log(auth.currentUser?.uid)
    })
    console.log(uid)

  return (
    <html lang="en">
      <body className={inter.className}>
      <AppProvider>
      <Header/>
      {children}
    </AppProvider>
      </body>
    </html>
  )
}

#react

0 Answers0