Added delay to app load to ensure firebase connection established.

client/src/App/App.container.jsx

@@ -109,7 +109,6 @@ class AppContainer extends Component {
     });
 
     try {
-      // See above for additional options, including other storage providers.
       await persistCache({
         cache,
         storage: window.sessionStorage,

client/src/App/App.js

@@ -1,4 +1,4 @@
-import React, { useEffect, Suspense, lazy } from "react";
+import React, { useEffect, Suspense, lazy, useState } from "react";
 import { useApolloClient, useQuery } from "@apollo/react-hooks";
 import { Switch, Route, Redirect } from "react-router-dom";
 import firebase from "../firebase/firebase.utils";
@@ -26,11 +26,12 @@ const Unauthorized = lazy(() =>
 
 export default () => {
   const apolloClient = useApolloClient();
-
+  const [loaded, setloaded] = useState(false);
   useEffect(() => {
     //Run the auth code only on the first render.
     const unsubscribeFromAuth = auth.onAuthStateChanged(async user => {
-      console.log("Auth State Changed.")
+      console.log("Auth State Changed.");
+      setloaded(true);
       if (user) {
         let token;
         token = await user.getIdToken();
@@ -87,16 +88,18 @@ export default () => {
       unsubscribeFromAuth();
     };
   }, [apolloClient]);
-
   const HookCurrentUser = useQuery(GET_CURRENT_USER);
+
+  if (!loaded) return <LoadingSpinner />;
   if (HookCurrentUser.loading) return <LoadingSpinner />;
   if (HookCurrentUser.error)
     return <AlertComponent message={HookCurrentUser.error.message} />;
+
   return (
     <div>
       <Switch>
         <ErrorBoundary>
-          <Suspense fallback={<div>TODO: Suspense Loading</div>}>
+          <Suspense fallback={<LoadingSpinner />}>
             <Route exact path='/' component={LandingPage} />
             <Route exact path='/unauthorized' component={Unauthorized} />
             <Route