formatting

example/src/AllDdos.tsx

@@ -5,6 +5,7 @@ import { useState } from 'react'
 import { useEffect } from 'react'
 import shortid from 'shortid'
 import { MetadataExample } from './MetadataExample'
+
 export function AllDdos() {
   const { chainId, account, ocean } = useOcean()
 

example/src/NetworkMonitor.tsx

@@ -6,23 +6,26 @@ import { useEffect } from 'react'
 export const NetworkMonitor = () => {
   const { connect, web3Provider } = useOcean()
 
-  const handleNetworkChanged = useCallback((chainId: number) => {
-    // const config = getOceanConfig(chainId)
-    // temp hack
-    let network = ''
-    switch (chainId) {
-      case 1: {
-        network = 'mainnet';
-        break;
+  const handleNetworkChanged = useCallback(
+    (chainId: number) => {
+      // const config = getOceanConfig(chainId)
+      // temp hack
+      let network = ''
+      switch (chainId) {
+        case 1: {
+          network = 'mainnet'
+          break
+        }
+        case 4: {
+          network = 'rinkeby'
+          break
+        }
       }
-      case 4: {
-        network = 'rinkeby';
-        break;
-      }
-    }
-    const config = new ConfigHelper().getConfig(network)
-    connect(config)
-  }, [connect]);
+      const config = new ConfigHelper().getConfig(network)
+      connect(config)
+    },
+    [connect]
+  )
 
   useEffect(() => {
     if (!web3Provider) return

example/src/Wallet.tsx

@@ -10,8 +10,8 @@ export function Wallet() {
   }
 
   const init = useCallback(async () => {
-    if (ocean === undefined || accountId === undefined) return;
-    await ocean.assets.ownerAssets(accountId);
+    if (ocean === undefined || accountId === undefined) return
+    await ocean.assets.ownerAssets(accountId)
   }, [accountId, ocean])
 
   useEffect(() => {