@huma-finance/widgets 0.0.46 → 0.0.47-beta.181

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@huma-finance/widgets",
-  "version": "0.0.46",
+  "version": "0.0.47-beta.181+ef33f9a",
   "publishConfig": {
     "access": "public"
   },
@@ -192,5 +192,5 @@
   "optionalDependencies": {
     "encoding": "^0.1.13"
   },
-  "gitHead": "2b21c5cd69e0a55cb4f99b591044d4e3b16880f9"
+  "gitHead": "ef33f9a761d7201d1566b2ca6200d67e21fe81a1"
 }

package/src/index.tsx

@@ -8,6 +8,7 @@ import {
 import { ThemeProvider } from '@mui/material'
 import { Provider as Eip1193Provider } from '@web3-react/types'
 import { Provider as AtomProvider } from 'jotai'
+import { useEffect, useState } from 'react'
 import { Provider as ReduxProvider } from 'react-redux'
 
 import { ChainSupportProvider } from './components/ChainSupportProvider'
@@ -63,11 +64,17 @@ type WidgetProps = {
 
 function Widget(props: WCProps<WidgetProps>) {
   const { children, provider } = props
+  const [chainId, setChainId] = useState<number | undefined>(undefined)
 
-  let chainId
-  if (provider instanceof JsonRpcProvider) {
-    chainId = provider.network.chainId
-  }
+  useEffect(() => {
+    const getChainId = async () => {
+      if (provider instanceof JsonRpcProvider) {
+        const network = await provider.getNetwork()
+        setChainId(network?.chainId)
+      }
+    }
+    getChainId()
+  }, [provider])
 
   return (
     <ThemeProvider theme={themeHuma}>