1
0
mirror of https://github.com/oceanprotocol/react.git synced 2024-12-23 09:43:38 +01:00
react/example/src/NetworkMonitor.tsx
2020-09-09 17:10:03 +03:00

29 lines
708 B
TypeScript

import React, { useCallback } from 'react'
import { useOcean } from '@oceanprotocol/react'
import { ConfigHelper } from '@oceanprotocol/lib'
import { useEffect } from 'react'
export const NetworkMonitor = () => {
const { connect, web3Provider } = useOcean()
const handleNetworkChanged = useCallback(
(chainId: number) => {
const config = new ConfigHelper().getConfig(chainId)
connect(config)
},
[connect]
)
useEffect(() => {
if (!web3Provider) return
web3Provider.on('chainChanged', handleNetworkChanged)
return () => {
web3Provider.removeListener('chainChanged', handleNetworkChanged)
}
}, [web3Provider, handleNetworkChanged])
return <></>
}