this is my current code
import Navbar from "./components/navbar/navbar";

import { WagmiConfig, createConfig, configureChains, sepolia } from "wagmi";

import { publicProvider } from "wagmi/providers/public";
import { alchemyProvider } from "wagmi/providers/alchemy";
import { infuraProvider } from "wagmi/providers/infura";

import { MetaMaskConnector } from "wagmi/connectors/metaMask";

const { chains, publicClient, webSocketPublicClient } = configureChains(
[sepolia],
[
alchemyProvider({ apiKey: process.env.NEXT_PUBLIC_ALCHEMY_API_KEY! }),
infuraProvider({ apiKey: process.env.INFURA_API_KEY! }),
publicProvider(),
]
);

const config = createConfig({
autoConnect: true,
connectors: [new MetaMaskConnector({ chains })],
publicClient,
webSocketPublicClient,
});

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


{children}

);
}