App.tsx
1 import { type Config, WagmiProvider } from "wagmi"; 2 import { QueryClient, QueryClientProvider } from "@tanstack/react-query"; 3 import { createRouter, RouterProvider } from "@tanstack/react-router"; 4 import { getDefaultConfig, RainbowKitProvider } from "@rainbow-me/rainbowkit"; 5 import { MassMarketProvider } from "@massmarket/react-hooks"; 6 import { config } from "./wagmi.ts"; 7 import { routeTree } from "./routeTree.gen.ts"; 8 9 const queryClient = new QueryClient(); 10 const router = createRouter({ routeTree }); 11 12 export default function App({ 13 wagmiConfig = config, 14 massMarketConfig = {}, 15 }: { 16 wagmiConfig?: ReturnType<typeof getDefaultConfig> | Config; 17 children?: React.ReactNode; 18 massMarketConfig?: Record<string, string>; 19 }) { 20 return ( 21 <QueryClientProvider client={queryClient}> 22 <WagmiProvider config={wagmiConfig}> 23 <MassMarketProvider config={massMarketConfig}> 24 <RainbowKitProvider showRecentTransactions> 25 <RouterProvider router={router} /> 26 <main data-testid="homepage"> 27 </main> 28 </RainbowKitProvider> 29 </MassMarketProvider> 30 </WagmiProvider> 31 </QueryClientProvider> 32 ); 33 }