fix: Pass network to requestPermissions to ensure wallet connects to Shadownet

The wallet was connecting to mainnet instead of shadownet because
requestPermissions() was called without a network parameter. This fix
explicitly passes the network config (including rpcUrl for shadownet)
to requestPermissions(), ensuring the wallet connects to the correct network.

Author: EightRice

MIGRATION-GHOSTNET-TO-SHADOWNET.md

@@ -23,7 +23,7 @@ Reference: https://teztnets.com/shadownet-about
 | TzKT Explorer | ✅ Ready | `shadownet.tzkt.io` |
 | Shadownet Faucet | ✅ Ready | `faucet.shadownet.teztnets.com` |
 | SmartPy RPC | ❓ Unknown | May not support shadownet |
-| Beacon Wallet SDK | ⚠️ Custom | Needs `NetworkType.CUSTOM` |
+| Beacon Wallet SDK | ✅ Ready | Upgraded to 4.7.0 with native `NetworkType.SHADOWNET` |
 | Better Call Dev | ❓ Unknown | May not support shadownet |
 
 ---
@@ -80,9 +80,10 @@ REACT_APP_RPC_NETWORK_SHADOWNET=https://rpc.shadownet.teztnets.com
 
 ## Testing Checklist
 
-- [ ] Get tez from shadownet faucet
-- [ ] Test wallet connection with Temple/Kukai
-- [ ] Test token creation
+- [x] Get tez from shadownet faucet
+- [x] Test wallet connection with Temple/Kukai (Kukai works with Beacon SDK 4.7.0)
+- [x] Fix: Wallet was connecting to mainnet instead of shadownet (now passes network to `requestPermissions`)
+- [ ] Test token creation (on correct network)
 - [ ] Test DAO creation flow
 - [ ] Test staking
 - [ ] Test proposal creation

src/services/beacon/utils.ts

@@ -60,10 +60,19 @@ export const getTezosNetwork = (): Network => {
 export const createWallet = (network: Network) => {
   const networkType = getNetworkTypeByEnvNetwork(network)
 
+  // For Shadownet, include the RPC URL so wallets know exactly which network to connect to
+  const networkConfig =
+    network === "shadownet"
+      ? {
+          type: networkType,
+          rpcUrl: rpcNodes.shadownet
+        }
+      : { type: networkType }
+
   return new BeaconWallet({
     name: "Homebase",
     iconUrl: "https://tezostaquito.io/img/favicon.png",
-    network: { type: networkType },
+    network: networkConfig,
     walletConnectOptions: {
       projectId: "1641355e825aeaa926e843dd38b04f6f", // Project ID can be customised
       relayUrl: "wss://relay.walletconnect.com" // WC2 relayUrl can be customised
@@ -98,8 +107,20 @@ export const connectWithBeacon = async (
   wallet: BeaconWallet
 }> => {
   const wallet = createWallet(envNetwork)
-
-  await wallet.requestPermissions()
+  const networkType = getNetworkTypeByEnvNetwork(envNetwork)
+
+  // Explicitly pass network to requestPermissions to ensure wallet connects to correct network
+  const permissionRequest =
+    envNetwork === "shadownet"
+      ? {
+          network: {
+            type: networkType,
+            rpcUrl: rpcNodes.shadownet
+          }
+        }
+      : { network: { type: networkType } }
+
+  await wallet.requestPermissions(permissionRequest)
 
   const accounts: any[] = JSON.parse(localStorage.getItem("beacon:accounts") as string)