Examples use useIndexerClient

0xsequence · Apr 29, 2024 · 4dca70c · 4dca70c
1 parent 671bf71
commit 4dca70c
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 11 deletions.
diff --git a/examples/next/src/app/components/Connected.tsx b/examples/next/src/app/components/Connected.tsx
@@ -14,13 +14,7 @@ import {
 import { Header } from './Header'
 import { delay } from '@/utils'
 import { formatUnits, parseUnits } from 'viem'
-import {
-  getNetworkConfigAndClients,
-  signEthAuthProof,
-  useOpenConnectModal,
-  useWaasFeeOptions,
-  validateEthProof
-} from '@0xsequence/kit'
+import { signEthAuthProof, useIndexerClient, useOpenConnectModal, useWaasFeeOptions, validateEthProof } from '@0xsequence/kit'
 import { useOpenWalletModal } from '@0xsequence/kit-wallet'
 import { useCheckoutModal, CheckoutSettings } from '@0xsequence/kit-checkout'
 import { ConnectionMode, isDebugMode } from '../config'
@@ -66,7 +60,7 @@ export const Connected = () => {
 
   const chainId = useChainId()
 
-  const { indexerClient } = getNetworkConfigAndClients(chainId)
+  const indexerClient = useIndexerClient(chainId)
 
   const [feeOptionBalances, setFeeOptionBalances] = useState<{ tokenName: string; decimals: number; balance: string }[]>([])
 

diff --git a/examples/react/src/components/Homepage.tsx b/examples/react/src/components/Homepage.tsx
@@ -5,7 +5,7 @@ import {
   validateEthProof,
   useTheme as useKitTheme,
   useWaasFeeOptions,
-  getNetworkConfigAndClients
+  useIndexerClient
 } from '@0xsequence/kit'
 import { useOpenWalletModal } from '@0xsequence/kit-wallet'
 import { useCheckoutModal } from '@0xsequence/kit-checkout'
@@ -99,7 +99,7 @@ export const Homepage = () => {
 
   const chainId = useChainId()
 
-  const { indexerClient } = getNetworkConfigAndClients(chainId)
+  const indexerClient = useIndexerClient(chainId)
 
   const [feeOptionBalances, setFeeOptionBalances] = React.useState<{ tokenName: string; decimals: number; balance: string }[]>([])
 

diff --git a/packages/kit/src/hooks/useIndexerClient.ts b/packages/kit/src/hooks/useIndexerClient.ts
@@ -16,5 +16,11 @@ export const useIndexerClient = (chainId: ChainId) => {
     indexerClients.set(chainId, new SequenceIndexer(indexerURL(network.name), projectAccessKey))
   }
 
-  return indexerClients.get(chainId)
+  const indexerClient = indexerClients.get(chainId)
+
+  if (!indexerClient) {
+    throw new Error('Indexer client not found')
+  }
+
+  return indexerClient
 }