From 9ea1b644fce586d75990660bafa4fc48e2a5afaf Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Fri, 11 Jun 2021 09:39:17 +0200
Subject: [PATCH] fix app crash on unsupported network

---
 src/providers/ApolloClientProvider.tsx | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/providers/ApolloClientProvider.tsx b/src/providers/ApolloClientProvider.tsx
index 3f34df684..e26f3e58c 100644
--- a/src/providers/ApolloClientProvider.tsx
+++ b/src/providers/ApolloClientProvider.tsx
@@ -10,6 +10,7 @@ import fetch from 'cross-fetch'
 import React, { useState, useEffect, ReactNode, ReactElement } from 'react'
 import { useWeb3 } from './Web3'
 import { getOceanConfig } from '../utils/ocean'
+
 let apolloClient: ApolloClient<NormalizedCacheObject>
 
 function createClient(subgraphUri: string) {
@@ -37,18 +38,19 @@ export default function ApolloClientProvider({
   const [client, setClient] = useState<ApolloClient<NormalizedCacheObject>>()
 
   useEffect(() => {
-    const { subgraphUri } = getOceanConfig(networkId || 1)
+    const oceanConfig = getOceanConfig(networkId || 1)
 
-    if (!subgraphUri) {
+    if (!oceanConfig?.subgraphUri) {
       Logger.error(
         'No subgraphUri defined, preventing ApolloProvider from initialization.'
       )
       return
     }
 
-    const newClient = createClient(subgraphUri)
+    const newClient = createClient(oceanConfig.subgraphUri)
     apolloClient = newClient
     setClient(newClient)
+    Logger.log(`[apollo] Client connected to ${oceanConfig.subgraphUri}`)
   }, [networkId])
 
   return client ? (