diff --git a/examples/react/src/App.tsx b/examples/react/src/App.tsx
index 75f9464f..92f2c92d 100644
--- a/examples/react/src/App.tsx
+++ b/examples/react/src/App.tsx
@@ -1,135 +1,19 @@
-import { sequence } from '0xsequence'
-import { ethers } from 'ethers'
-import qs from 'query-string'
 import { ThemeProvider } from '@0xsequence/design-system'
-import { KitProvider, KitConfig, getKitConnectWallets } from '@0xsequence/kit'
-import { getDefaultConnectors, getDefaultWaasConnectors, mock } from '@0xsequence/kit-connectors'
+import { KitProvider } from '@0xsequence/kit'
 import { KitWalletProvider } from '@0xsequence/kit-wallet'
 import { KitCheckoutProvider } from '@0xsequence/kit-checkout'
 import Homepage from './components/Homepage'
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
-import { type Chain } from 'viem'
-import { createConfig, http, WagmiProvider } from 'wagmi'
-import { arbitrumNova, arbitrumSepolia, mainnet, polygon } from 'wagmi/chains'
+import { WagmiProvider } from 'wagmi'
 
 import '@0xsequence/design-system/styles.css'
+import { kitConfig, wagmiConfig } from './config'
 
 const queryClient = new QueryClient()
 
 function App() {
-  // append ?debug=true to url to enable debug mode
-  const { debug } = qs.parse(location.search)
-  const isDebugMode = debug === 'true'
-
-  /* typing error from wagmi? */
-  const chains: readonly [Chain, ...Chain[]] = [
-    arbitrumNova as Chain,
-    arbitrumSepolia as Chain,
-    mainnet as Chain,
-    polygon as Chain
-  ]
-
-  const projectAccessKey = 'AQAAAAAAAEGvyZiWA9FMslYeG_yayXaHnSI'
-
-  /// Use this to test the waas connectors
-  // WaaS config
-  // const waasConfigKey = 'eyJwcm9qZWN0SWQiOjE2ODE1LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0='
-  // const googleClientId = '970987756660-35a6tc48hvi8cev9cnknp0iugv9poa23.apps.googleusercontent.com'
-  // const appleClientId = 'com.horizon.sequence.waas'
-  // const appleRedirectURI = 'https://' + window.location.host
-
-  // const connectors = [
-  //   ...getDefaultWaasConnectors({
-  //     walletConnectProjectId: 'c65a6cb1aa83c4e24500130f23a437d8',
-  //     defaultChainId: 421614,
-  //     waasConfigKey,
-  //     googleClientId,
-  //     appleClientId,
-  //     appleRedirectURI,
-  //     appName: 'Kit Demo',
-  //     projectAccessKey,
-  //     enableConfirmationModal: localStorage.getItem('confirmationEnabled') === 'true'
-  //   }),
-  //   ...(isDebugMode
-  //     ? getKitConnectWallets(projectAccessKey, [
-  //         mock({
-  //           accounts: ['0xCb88b6315507e9d8c35D81AFB7F190aB6c3227C9']
-  //         })
-  //       ])
-  //     : [])
-  // ]
-
-  /// Use this to test the universal connectors
-  const connectors = [
-    ...getDefaultConnectors({
-      walletConnectProjectId: 'c65a6cb1aa83c4e24500130f23a437d8',
-      defaultChainId: 42170,
-      appName: 'demo app',
-      projectAccessKey
-    }),
-    ...(isDebugMode
-      ? getKitConnectWallets(projectAccessKey, [
-          mock({
-            accounts: ['0xCb88b6315507e9d8c35D81AFB7F190aB6c3227C9']
-          })
-        ])
-      : [])
-  ]
-
-  const transports = {}
-
-  chains.forEach(chain => {
-    const network = sequence.network.findNetworkConfig(sequence.network.allNetworks, chain.id)
-    if (!network) return
-    transports[chain.id] = http(network.rpcUrl)
-  })
-
-  const config = createConfig({
-    transports,
-    chains,
-    /* TODO: check connector typings. Might be related to wagmi problem */
-    /* @ts-ignore-next-line */
-    connectors
-  })
-
-  const kitConfig: KitConfig = {
-    defaultTheme: 'dark',
-    signIn: {
-      projectName: 'Kit Demo',
-      // logoUrl: 'sw-logo-white.svg',
-      useMock: isDebugMode
-    },
-    displayedAssets: [
-      // Native token
-      {
-        contractAddress: ethers.constants.AddressZero,
-        chainId: 42170
-      },
-      // Native token
-      {
-        contractAddress: ethers.constants.AddressZero,
-        chainId: 421614
-      },
-      // Waas demo NFT
-      {
-        contractAddress: '0x0d402c63cae0200f0723b3e6fa0914627a48462e',
-        chainId: 42170
-      },
-      // Waas demo NFT
-      {
-        contractAddress: '0x0d402c63cae0200f0723b3e6fa0914627a48462e',
-        chainId: 421614
-      },
-      // Skyweaver assets
-      {
-        contractAddress: '0x631998e91476da5b870d741192fc5cbc55f5a52e',
-        chainId: 137
-      }
-    ]
-  }
-
   return (
-    <WagmiProvider config={config}>
+    <WagmiProvider config={wagmiConfig}>
       <QueryClientProvider client={queryClient}>
         <KitProvider config={kitConfig}>
           <KitWalletProvider>
diff --git a/examples/react/src/config.ts b/examples/react/src/config.ts
new file mode 100644
index 00000000..0027414f
--- /dev/null
+++ b/examples/react/src/config.ts
@@ -0,0 +1,116 @@
+import { KitConfig, getKitConnectWallets } from '@0xsequence/kit'
+import { getDefaultConnectors, mock } from '@0xsequence/kit-connectors'
+import { Chain, arbitrumNova, arbitrumSepolia, mainnet, polygon } from 'wagmi/chains'
+import { sequence } from '0xsequence'
+import { createConfig, http } from 'wagmi'
+import { Transport, zeroAddress } from 'viem'
+
+// append ?debug to url to enable debug mode
+const searchParams = new URLSearchParams(location.search)
+const isDebugMode = searchParams.has('debug')
+
+const projectAccessKey = 'AQAAAAAAAEGvyZiWA9FMslYeG_yayXaHnSI'
+
+const chains = [arbitrumNova, arbitrumSepolia, mainnet, polygon] as const satisfies Chain[]
+const transports = chains.reduce<Record<number, Transport>>((acc, chain) => {
+  const network = sequence.network.findNetworkConfig(sequence.network.allNetworks, chain.id)
+
+  if (network) {
+    acc[chain.id] = http(network.rpcUrl)
+  }
+
+  return acc
+}, {})
+
+chains.forEach(chain => {
+  const network = sequence.network.findNetworkConfig(sequence.network.allNetworks, chain.id)
+  if (!network) return
+  transports[chain.id] = http(network.rpcUrl)
+})
+
+/// Use this to test the waas connectors
+// WaaS config
+// const waasConfigKey = 'eyJwcm9qZWN0SWQiOjE2ODE1LCJycGNTZXJ2ZXIiOiJodHRwczovL3dhYXMuc2VxdWVuY2UuYXBwIn0='
+// const googleClientId = '970987756660-35a6tc48hvi8cev9cnknp0iugv9poa23.apps.googleusercontent.com'
+// const appleClientId = 'com.horizon.sequence.waas'
+// const appleRedirectURI = 'https://' + window.location.host
+
+// const connectors = [
+//   ...getDefaultWaasConnectors({
+//     walletConnectProjectId: 'c65a6cb1aa83c4e24500130f23a437d8',
+//     defaultChainId: arbitrumSepolia.id,
+//     waasConfigKey,
+//     googleClientId,
+//     appleClientId,
+//     appleRedirectURI,
+//     appName: 'Kit Demo',
+//     projectAccessKey,
+//     enableConfirmationModal: localStorage.getItem('confirmationEnabled') === 'true'
+//   }),
+//   ...(isDebugMode
+//     ? getKitConnectWallets(projectAccessKey, [
+//         mock({
+//           accounts: ['0xCb88b6315507e9d8c35D81AFB7F190aB6c3227C9']
+//         })
+//       ])
+//     : [])
+// ]
+
+/// Use this to test the universal connectors
+const connectors = [
+  ...getDefaultConnectors({
+    walletConnectProjectId: 'c65a6cb1aa83c4e24500130f23a437d8',
+    defaultChainId: arbitrumNova.id,
+    appName: 'demo app',
+    projectAccessKey
+  }),
+  ...(isDebugMode
+    ? getKitConnectWallets(projectAccessKey, [
+        mock({
+          accounts: ['0xCb88b6315507e9d8c35D81AFB7F190aB6c3227C9']
+        })
+      ])
+    : [])
+]
+
+export const wagmiConfig = createConfig({
+  transports,
+  chains,
+  connectors
+})
+
+export const kitConfig: KitConfig = {
+  defaultTheme: 'dark',
+  signIn: {
+    projectName: 'Kit Demo',
+    // logoUrl: 'sw-logo-white.svg',
+    useMock: isDebugMode
+  },
+  displayedAssets: [
+    // Native token
+    {
+      contractAddress: zeroAddress,
+      chainId: arbitrumNova.id
+    },
+    // Native token
+    {
+      contractAddress: zeroAddress,
+      chainId: arbitrumSepolia.id
+    },
+    // Waas demo NFT
+    {
+      contractAddress: '0x0d402c63cae0200f0723b3e6fa0914627a48462e',
+      chainId: arbitrumNova.id
+    },
+    // Waas demo NFT
+    {
+      contractAddress: '0x0d402c63cae0200f0723b3e6fa0914627a48462e',
+      chainId: arbitrumSepolia.id
+    },
+    // Skyweaver assets
+    {
+      contractAddress: '0x631998e91476da5b870d741192fc5cbc55f5a52e',
+      chainId: polygon.id
+    }
+  ]
+}