connect modal doesn't come out for a long time

[btcSteven]

// the config
export const wagmiAdapter = new WagmiAdapter({
networks,
projectId,
ssr: true,
});

// 4. Create a AppKit instance
export const modal = createAppKit({
adapters: [wagmiAdapter],
defaultNetwork: mttChain,
networks: networks,
projectId,
metadata,
allowUnsupportedChain: true,
enableWalletConnect: false,
allWallets: "HIDE",
themeMode: "dark",
themeVariables: {
"--w3m-font-family": sans-serif,
"--w3m-border-radius-master": "1.75px",
"--w3m-z-index": 5000,
},
features: {
analytics: false, // Optional - defaults to your Cloud configuration
socials: false,
email: false,
swaps: false,
onramp: false,
send: false,
history: false,
allWallets: false,
},
});

// action
const { open, close } = useAppKit();

<Button
w="full"
h="64px"
size="lg"
fontSize="20px"
onClick={() => {
open();
}}
>
Connect Wallet

)}

when I click the button , wait a long time show the connect modal
please help