From 82ea3e60a782e0995231ddab8db928f7b8f978a2 Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sat, 7 Oct 2023 22:48:42 -0500
Subject: [PATCH] SoapboxMount: add Suspense boundaries

---
 src/init/soapbox-mount.tsx | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/src/init/soapbox-mount.tsx b/src/init/soapbox-mount.tsx
index bbc911691..ed7f70c47 100644
--- a/src/init/soapbox-mount.tsx
+++ b/src/init/soapbox-mount.tsx
@@ -76,15 +76,24 @@ const SoapboxMount = () => {
             <Switch>
               <Route
                 path='/embed/:statusId'
-                render={(props) => <EmbeddedStatus params={props.match.params} />}
+                render={(props) => (
+                  <Suspense>
+                    <EmbeddedStatus params={props.match.params} />
+                  </Suspense>
+                )}
               />
               <Redirect from='/@:username/:statusId/embed' to='/embed/:statusId' />
 
               <Route>
                 {renderBody()}
 
-                <ModalContainer />
-                <GdprBanner />
+                <Suspense>
+                  <ModalContainer />
+                </Suspense>
+
+                <Suspense>
+                  <GdprBanner />
+                </Suspense>
 
                 <div id='toaster'>
                   <Toaster