Cannot destructure property 'store' of 'useReduxContext2(...)' as it is null
// app/layout.js
'client'
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "@/base.scss";
import { Provider } from 'react-redux';
import { store } from '../redux/store';
import Layout from "@/components/Layout";
const inter = Inter({ subsets: ["latin"] });
export const metadata: Metadata = {
title: "Home | PlayCloud",
description: "Unique web application for listening to a huge amount of music in a unique format",
}
export default function RootLayout({ children }: Readonly<{ children: React.ReactNode }>) {
return (
<html lang="en">
<body className={inter.className}>
<Provider store={store}>
<Layout>
{children}
</Layout>
</Provider>
</body>
</html>
)
}
Cannot destructure property 'store' of 'useReduxContext2(...)' as it is null?