From 54abab0bdab50ec25fdc83ac94d7248134d8421b Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Sat, 17 Feb 2024 10:37:29 -0800
Subject: [PATCH 1/2] Added suspense boundary.

---
 src/app/sso/SSOPage.tsx | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/app/sso/SSOPage.tsx b/src/app/sso/SSOPage.tsx
index e577767a..3aafd6a6 100644
--- a/src/app/sso/SSOPage.tsx
+++ b/src/app/sso/SSOPage.tsx
@@ -3,6 +3,7 @@ import { useEffect } from 'react';
 import { Loading } from 'react-basics';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { setClientAuthToken } from 'lib/client';
+import { Suspense } from 'react';
 
 export default function SSOPage() {
   const router = useRouter();
@@ -18,5 +19,9 @@ export default function SSOPage() {
     }
   }, [router, url, token]);
 
-  return <Loading />;
+  return (
+    <Suspense>
+      <Loading />
+    </Suspense>
+  );
 }

From 709f46a3910417a13e01091d91cb3a23b4cd378c Mon Sep 17 00:00:00 2001
From: Mike Cao <moocao@gmail.com>
Date: Sat, 17 Feb 2024 10:41:34 -0800
Subject: [PATCH 2/2] Moved suspense boundary.

---
 src/app/sso/SSOPage.tsx | 7 +------
 src/app/sso/page.tsx    | 7 ++++++-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/app/sso/SSOPage.tsx b/src/app/sso/SSOPage.tsx
index 3aafd6a6..e577767a 100644
--- a/src/app/sso/SSOPage.tsx
+++ b/src/app/sso/SSOPage.tsx
@@ -3,7 +3,6 @@ import { useEffect } from 'react';
 import { Loading } from 'react-basics';
 import { useRouter, useSearchParams } from 'next/navigation';
 import { setClientAuthToken } from 'lib/client';
-import { Suspense } from 'react';
 
 export default function SSOPage() {
   const router = useRouter();
@@ -19,9 +18,5 @@ export default function SSOPage() {
     }
   }, [router, url, token]);
 
-  return (
-    <Suspense>
-      <Loading />
-    </Suspense>
-  );
+  return <Loading />;
 }
diff --git a/src/app/sso/page.tsx b/src/app/sso/page.tsx
index dd032142..0cfef1a9 100644
--- a/src/app/sso/page.tsx
+++ b/src/app/sso/page.tsx
@@ -1,5 +1,10 @@
+import { Suspense } from 'react';
 import SSOPage from './SSOPage';
 
 export default function () {
-  return <SSOPage />;
+  return (
+    <Suspense>
+      <SSOPage />
+    </Suspense>
+  );
 }