format

example/src/App.tsx

@@ -55,7 +55,7 @@ function App() {
   return (
     <OceanProvider initialConfig={configRinkeby} web3ModalOpts={web3ModalOpts}>
       <div className="container">
-        <NetworkMonitor/>
+        <NetworkMonitor />
         <div>
           <Wallet />
         </div>

example/src/NetworkMonitor.tsx

@@ -4,26 +4,22 @@ import { ConfigHelper } from '@oceanprotocol/lib'
 import { useEffect } from 'react'
 
 export function NetworkMonitor() {
-    const { connect, web3Provider } = useOcean()
+  const { connect, web3Provider } = useOcean()
 
-    const handleNetworkChanged = () => {
-        // const config = getOceanConfig(chainId)
-        const config = new ConfigHelper().getConfig('rinkeby')
-        connect(config)
+  const handleNetworkChanged = () => {
+    // const config = getOceanConfig(chainId)
+    const config = new ConfigHelper().getConfig('rinkeby')
+    connect(config)
+  }
+  useEffect(() => {
+    if (!web3Provider) return
+
+    web3Provider.on('chainChanged', handleNetworkChanged)
+
+    return () => {
+      web3Provider.removeListener('chainChanged', handleNetworkChanged)
     }
-    useEffect(() => {
+  }, [web3Provider])
 
-        if (!web3Provider) return
-
-        web3Provider.on('chainChanged', handleNetworkChanged)
-
-        return () => {
-            web3Provider.removeListener('chainChanged', handleNetworkChanged)
-        }
-    }, [web3Provider])
-
-    return (
-        <>
-        </>
-    )
+  return <></>
 }

src/providers/OceanProvider/OceanProvider.tsx

@@ -173,7 +173,6 @@ function OceanProvider({
           logout,
           refreshBalance
         } as OceanProviderValue
-
       }
     >
       {children}