fix missing discovered network set to appkit

Signed-off-by: p4u <pau@dabax.net>

Author: p4u

src/Layout.tsx

@@ -36,14 +36,14 @@ export function Layout() {
     initializeNetworkDetection()
   }, [])
 
-  // Initialize AppKit once mini app context is ready
+  // Initialize AppKit once mini app context is ready AND network is detected
   useEffect(() => {
     const initialize = async () => {
-      if (!isInitialized) return
+      if (!isInitialized || !detectedNetwork) return
 
       try {
-        // Initialize AppKit with conditional Farcaster support
-        await initializeAppKit()
+        // Initialize AppKit with the detected network
+        await initializeAppKit(detectedNetwork)
         setAppKitInitialized(true)
       } catch (error) {
         console.error('Failed to initialize AppKit:', error)
@@ -52,7 +52,7 @@ export function Layout() {
     }
 
     initialize()
-  }, [isInitialized])
+  }, [isInitialized, detectedNetwork])
 
   // Switch to detected network only if auto-detection is enabled
   useEffect(() => {

src/lib/appkit-miniapp.ts

@@ -1,6 +1,6 @@
 import { EthersAdapter } from '@reown/appkit-adapter-ethers'
 import { AppKit, createAppKit } from '@reown/appkit/react'
-import { getConfiguredNetwork } from './network-config'
+import type { AppKitNetwork } from '@reown/appkit/networks'
 
 // 1. Get projectId from environment
 const projectId = import.meta.env.WALLETCONNECT_PROJECT_ID
@@ -13,23 +13,21 @@ const metadata = {
   icons: ['/images/davinci-icon-small.png'],
 }
 
-// 3. Get configured network
-const network = getConfiguredNetwork()
-
-// 4. Create Ethers Adapter with conditional provider
+// 3. Create Ethers Adapter with conditional provider
 const ethersAdapter = new EthersAdapter()
 
 let appKit: AppKit | null = null
 
 /**
- * Initialize AppKit - simplified version since mini app logic is now in context
+ * Initialize AppKit with the detected network
+ * @param network The network to initialize AppKit with
  */
-export async function initializeAppKit() {
+export async function initializeAppKit(network: AppKitNetwork) {
   if (appKit) {
     return appKit
   }
 
-  console.log('Initializing AppKit...')
+  console.log('Initializing AppKit with network:', network.name)
 
   // Create standard AppKit (works for both mini app and regular web)
   appKit = createAppKit({

src/main.tsx

@@ -7,8 +7,6 @@ import { OfflineIndicator } from '~components/offline-indicator'
 import { VocdoniApiProvider } from '~components/vocdoni-api-context'
 import { MiniAppProvider } from '~contexts/MiniAppContext'
 import { RouterProvider } from '~router'
-// Initialize AppKit
-import '~lib/appkit'
 
 import '@fontsource/averia-libre/400.css'
 import '@fontsource/averia-libre/700.css'