Redux is not working with Next 14 App routing about react-redux

[EskiMojo14]

you need to make sure that your Provider is being called from a client component - for example having a dedicated Providers component:

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

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

Since the Providers component is marked as a client component, you can then call it from a server component (like your layout) as needed.

We do have some guidance for usage with the App router in the works, but it hasn't landed yet (reduxjs/redux-toolkit#3820)

[aahmedfaraz]

Oh yeah! @EskiMojo14, you are right, it was server component I was using in, now shifted the Provider to a Client Component, and it is working. Thanks ✅