Fix: network switch bug (#174)

* fix: bug

* test

* fix: fix

* fix: remove clg

* feat: comment getNfts

* refactor: use connection with hook instead of props

* fix: make sure type from local stor is correct

* chore: uncomment getNfts [skip ci]

* refactor: include the isDevnet query check inside the useRpc hook

* feat: mainnet as default network

* fix: fix Cannot assign to read only property '_nextClientSubscriptionId' of object '#<Connection>'

* fix: remove view cm id

components/NetworkSelector.tsx

@@ -34,6 +34,10 @@ const NetworkSelector: FC = () => {
             setNetwork({ network: _network, url: getUrl(_network), connection: new Connection(getUrl(_network)) })
             window.localStorage.setItem('network-gg', _network)
         }
+        if (!_network) {
+            setNetwork({ network: 'Mainnet', url: getUrl('Mainnet'), connection: new Connection(getUrl('Mainnet')) })
+            window.localStorage.setItem('network-gg', 'Mainnet')
+        }
     }, [])
     function changeNetwork(_network: Network) {
         setNetwork({ network: _network, url: getUrl(_network), connection: new Connection(getUrl(_network)) })

components/forms/CreateCandyMachine.tsx

@@ -1,6 +1,6 @@
 import { AnchorProvider, BN } from '@project-serum/anchor'
 import { useAnchorWallet, useWallet } from '@solana/wallet-adapter-react'
-import { LAMPORTS_PER_SOL } from '@solana/web3.js'
+import { Connection, LAMPORTS_PER_SOL } from '@solana/web3.js'
 import { useForm, useRPC, useUploadCache, useUploadFiles } from 'hooks'
 import { DEFAULT_GATEKEEPER } from 'lib/candy-machine/constants'
 import { StorageType } from 'lib/candy-machine/enums'
@@ -11,11 +11,12 @@ import { getCurrentDate, getCurrentTime, parseDateFromDateBN, parseDateToUTC, pa
 import React, { FC, useState, useEffect } from 'react'
 import { Box, Button, Spinner, StyledOcticon } from '@primer/react'
 import { AlertIcon } from '@primer/octicons-react'
+import { WalletAdapterNetwork } from '@solana/wallet-adapter-base'
 
 const CreateCandyMachine: FC = () => {
     const { publicKey } = useWallet()
     const anchorWallet = useAnchorWallet()
-    const { connection } = useRPC()
+    const { connection, network } = useRPC()
 
     const { files, uploadAssets } = useUploadFiles()
     const [isInteractingWithCM, setIsInteractingWithCM] = useState(false)
@@ -101,10 +102,9 @@ const CreateCandyMachine: FC = () => {
             uuid: null,
         }
 
-        if (publicKey && anchorWallet && connection) {
+        if (publicKey && anchorWallet && connection && network) {
             const { supportedFiles, elemCount } = verifyAssets(files, config.storage, config.number)
-
-            const provider = new AnchorProvider(connection, anchorWallet, {
+            const provider = new AnchorProvider(new Connection(connection.rpcEndpoint), anchorWallet, {
                 preflightCommitment: 'recent',
             })
 
@@ -135,13 +135,12 @@ const CreateCandyMachine: FC = () => {
             } = await getCandyMachineV2Config(publicKey, config, anchorProgram)
 
             const startMilliseconds = Date.now()
-
             console.log('started at: ' + startMilliseconds.toString())
             try {
                 const _candyMachine = await uploadV2({
                     files: supportedFiles,
                     cacheName: 'example',
-                    env: 'devnet',
+                    env: WalletAdapterNetwork[network] as Exclude<WalletAdapterNetwork, WalletAdapterNetwork.Testnet>,
                     totalNFTs: elemCount,
                     gatekeeper,
                     storage,

hooks/useRPC.tsx

@@ -7,6 +7,7 @@ const useRPC = () => {
     return {
         connection: network?.connection,
         isDevnet: network?.url.includes('devnet') ? '?cluster=devnet' : '',
+        network: network?.network,
     }
 }