ClientProvider

components/ClientProvider.tsx

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

import ClientProvider from "../components/ClientProvider";

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        <ClientProvider>
          <Header />
          <PromptInput />
          {children}
        </ClientProvider>
      </body>
    </html>
  );
}

"use client"
import{ Toaster } from "react-hot-toast"

export default function RootLayout({
    children,
}: {
    children: React.ReactNode
}) {
    return (
        <>
            <Toaster position="bottom-center"/>
            {children}        
        </>
    )
}