update TestApp setup

playwright/TestApp.tsx

 import { ChakraProvider } from '@chakra-ui/react';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
-import { createWeb3Modal } from '@web3modal/wagmi/react';
+import { createWeb3Modal, defaultWagmiConfig } from '@web3modal/wagmi/react';
 import React from 'react';
-import { configureChains, createConfig, WagmiConfig } from 'wagmi';
+import { WagmiConfig } from 'wagmi';
 import { mainnet } from 'wagmi/chains';
-import { WalletConnectConnector } from 'wagmi/connectors/walletConnect';
 
 import type { Props as PageProps } from 'nextjs/getServerSideProps';
 
@@ -34,24 +33,17 @@ const defaultAppContext = {
 };
 
 // >>> Web3 stuff
-const { publicClient, chains } = configureChains(
-  [ mainnet ],
-  [],
-);
+const chains = [ mainnet ];
+const WALLET_CONNECT_PROJECT_ID = 'PROJECT_ID';
 
-const wagmiConfig = createConfig({
-  autoConnect: false,
-  connectors: [
-    new WalletConnectConnector({
-      options: { projectId: 'xxx' },
-    }),
-  ],
-  publicClient,
+const wagmiConfig = defaultWagmiConfig({
+  chains,
+  projectId: WALLET_CONNECT_PROJECT_ID,
 });
 
 createWeb3Modal({
   wagmiConfig,
-  projectId: 'xxx',
+  projectId: WALLET_CONNECT_PROJECT_ID,
   chains,
 });
 // <<<<