wrapping the layout.js in next 14 project using zustand createContext. Still I am not able to use store and its state in server side component of next js 14

[sandeepbfnp]

wrapping the layout.js in next 14 project using zustand createContext. Still I am not able to use store and its state in server side component of next js 14.
/app/layout.jsx
import type { Metadata } from "next";
import { Inter } from "next/font/google";
import "./globals.css";
import Header from "@/components/header";
import ZustandProvider from "../hydrationZustand";

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

export const metadata: Metadata = {
title: "Create Next App",
description: "Generated by create next app",
};

export default function RootLayout({
children,
}: {
children: React.ReactNode;
}) {
return (

{children}



);
}
after this i am not able to use the store in my /app/page.jsx
giving error of using useStore in server components

[dai-shi]

You can't use it the same as you can't use useState.