Problem with component <ChakraProvider>

JavaScript
1

Good morning,

I have a problem with
and I don’t see what I need to correct?

Can you help me?

Thank you for your help.

Sans titre
Sans titre1145×777 118 KB

layout.tsx

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

import '@rainbow-me/rainbowkit/styles.css';

import {
  RainbowKitProvider,
} from '@rainbow-me/rainbowkit';
import { WagmiProvider } from 'wagmi';
import {
 hardhat
} from 'wagmi/chains';
import {
  QueryClientProvider,
  QueryClient,
} from "@tanstack/react-query";

import { getDefaultConfig } from '@rainbow-me/rainbowkit';
const config = getDefaultConfig({
  appName: 'My RainbowKit App',
  projectId: 'YOUR_PROJECT_ID',
  chains: [hardhat],
  ssr: true, // If your dApp uses server side rendering (SSR)
});

export default function RootLayout({
  children,
}: {
  children: React.ReactNode;
}) {
  return (
    <html lang="en">
      <body>
        <WagmiProvider config={config}>
          <RainbowKitProvider>
            <ChakraProvider>
              {children}
            </ChakraProvider>
          </RainbowKitProvider>
        </WagmiProvider>
      </body>
    </html>
  )
}
2

From the error message I’d say you need to provide a value, i. e., <ChakraProvider value="whatever">

1 Like
3

I’m following a tutorial and I arrived at 2:01:51 and I had to readjust the code because the version changed and I’m a novice and therefore I’m stuck.
What should I indicate as a value ?
https://www.youtube.com/watch?v=pTqYEretjs4

4

Does this help? https://stackoverflow.com/questions/79148516/property-value-is-missing-in-type-children-element-but-required-in-typ

2 Likes
5

I added this as explaining value={defaultSystem}

6

And does it work?

7

in fact I follow the tutorial and RainbowKit and chakra-ui we change because the tutorial is from a year ago and so I’m lost it’s a shame because I held on until 2:00:1 of the tutorial which is not evidnet for me.
I was looking for a little tutorial to create a web page with fundraising for a project I couldn’t find?

8

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.