Reports

I am assuming you have not created any Chakra UI provider component to wrap your application.

Please create a provider.js file in your project (anywhere you want, I will create it on the root). Normally it's components/ui/provider

Add these to the provider.js

'use client';

import { ChakraProvider } from '@chakra-ui/react';

export function Provider({ children }) {
  return <ChakraProvider>{children}</ChakraProvider>;
}

Include above provider in you layout.js file

import { Provider } from './provider';

export default function RootLayout({ children }) {
  return (
    <html suppressHydrationWarning>
      <body>
        <Provider>{children}</Provider>
      </body>
    </html>
  );
}

Now try to run the application. Let me know if you get any errors. Check this documentation and git repo for any concern.

79187050