import "../styles/globals.css" ; import type { AppProps } from "next/app" ; import dynamic from "next/dynamic" ; import { WalletBalanceProvider } from "../hooks/useWalletBalance" ; import Header from "../components/Layout/Header" ; require ( "@solana/wallet-adapter-react-ui/styles.css" ) ; const WalletConnectionProvider = dynamic ( ( ) => import ( "../components/WalletConnection/WalletConnectionProvider" ) , { ssr : false , } ) ; function MyApp ( { Component , pageProps } ) { return ( < WalletConnectionProvider > < WalletBalanceProvider > < Header /> < Component { ... pageProps } /> < /WalletBalanceProvider> < /WalletConnectionProvider>); } export default MyApp ;