diff --git a/src/index.tsx b/src/index.tsx
index 3d528d9d77..95dd97aa3f 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -31,6 +31,7 @@ import {
   REACT_APP_BACKEND_WEBSOCKET_URL,
 } from 'Constant/constant';
 import { refreshToken } from 'utils/getRefreshToken';
+import { toast } from 'react-toastify';
 
 const errorLink = onError(
   ({ graphQLErrors, networkError, operation, forward }) => {
@@ -55,6 +56,12 @@ const errorLink = onError(
       });
     } else if (networkError) {
       console.log(`[Network error]: ${networkError}`);
+      toast.error(
+        'API server unavailable. Check your connection or try again later',
+        {
+          toastId: 'apiServer',
+        }
+      );
     }
   }
 );