/ packages / frontend / src / App.tsx
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  }