The initial site load is slow due to wagmi

Technical Issue Reporting
#1

the issue is that the rendering of other parts of your site is blocked by the wagmi library during the initial site load.
Here are code block.

import React, { useState, useEffect, Suspense } from "react";
const Baccarat = React.lazy(() => import("../../pages/Baccarat"));
const Auth = React.lazy(() => import("../../pages/Auth"));
import {
  EthereumClient,
  w3mConnectors,
  w3mProvider,
} from "@web3modal/ethereum";
import { Web3Modal } from "@web3modal/react";
import { configureChains, createConfig, WagmiConfig } from "wagmi";
import { arbitrum, mainnet, polygon } from "wagmi/chains";
const chains = [arbitrum, mainnet, polygon];
const projectId = "r34r3t45t43ac93b7b1025t4ggrgd345h5h";

const { publicClient } = configureChains(chains, [w3mProvider({ projectId })]);
const wagmiConfig = createConfig({
  autoConnect: true,
  connectors: w3mConnectors({ projectId, chains }),
  publicClient,
});
const ethereumClient = new EthereumClient(wagmiConfig, chains);

const Home = () => {
----
return (
    <div className="app">
{hasSessionId ? (
        <WagmiConfig config={wagmiConfig}>
          <Suspense fallback={<div></div>}>
            <Baccarat
              isCreateAccount={isCreateAccount}
              setIsCreateAccount={setIsCreateAccount}
            />
          </Suspense>
        </WagmiConfig>
      ) : (
        <div>
          <WagmiConfig config={wagmiConfig}>
            <Auth />
          </WagmiConfig>
          <Web3Modal projectId={projectId} ethereumClient={ethereumClient} />
        </div>
      )}
    </div>
  );
};
export default Home;
#2

Do you have your app deployed somewhere?

If the App is big you will have to somehow optimise your code for faster loading or add some loading state in the UI.