From 5334c350e20569ba24bef686428bc279b5f149a4 Mon Sep 17 00:00:00 2001
From: Alex van Andel <me@alexvanandel.com>
Date: Thu, 24 Jun 2021 14:46:35 +0100
Subject: [PATCH] The page was being rendered during the async router.replace
 call (#306)

* The page was being rendered during the async router.replace call

* Adding a different, slightly smaller fix
---
 components/Shell.tsx | 6 ++----
 1 file changed, 2 insertions(+), 4 deletions(-)

diff --git a/components/Shell.tsx b/components/Shell.tsx
index 57db5acc..59cb8cf3 100644
--- a/components/Shell.tsx
+++ b/components/Shell.tsx
@@ -32,11 +32,9 @@ export default function Shell(props) {
 
   if (!loading && !session) {
     router.replace("/auth/login");
-  } else if (loading) {
-    return <p className="text-gray-400">Loading...</p>;
   }
 
-  return (
+  return session ? (
     <div>
       <div className="bg-gradient-to-b from-blue-600 via-blue-600 to-blue-300 pb-32">
         <nav className="bg-blue-600">
@@ -271,5 +269,5 @@ export default function Shell(props) {
         <div className="max-w-7xl mx-auto pb-12 px-4 sm:px-6 lg:px-8">{props.children}</div>
       </main>
     </div>
-  );
+  ) : null;
 }