Move Suspense down

Author: gaearon

beta/src/components/Layout/MarkdownPage.tsx

@@ -127,16 +127,20 @@ export function MarkdownPage<
           />
         )}
         <div className="px-5 sm:px-12">
-          <div className="max-w-7xl mx-auto">
-            <MDXContext.Provider value={MDXComponents}>
-              {finalChildren}
-            </MDXContext.Provider>
-          </div>
-          <DocsPageFooter
-            route={route}
-            nextRoute={nextRoute}
-            prevRoute={prevRoute}
-          />
+          <React.Suspense
+            fallback={<div className="h-screen" />}
+            unstable_avoidThisFallback={true}>
+            <div className="max-w-7xl mx-auto">
+              <MDXContext.Provider value={MDXComponents}>
+                {finalChildren}
+              </MDXContext.Provider>
+            </div>
+            <DocsPageFooter
+              route={route}
+              nextRoute={nextRoute}
+              prevRoute={prevRoute}
+            />
+          </React.Suspense>
         </div>
       </div>
       <div className="w-full lg:max-w-xs hidden 2xl:block">

beta/src/pages/_app.tsx

@@ -47,11 +47,8 @@ export default function MyApp({Component, pageProps}: AppProps) {
   }
 
   return (
-    // @ts-ignore
-    <React.Suspense fallback={null} unstable_avoidThisFallback={true}>
-      <AppShell>
-        <Component {...pageProps} />
-      </AppShell>
-    </React.Suspense>
+    <AppShell>
+      <Component {...pageProps} />
+    </AppShell>
   );
 }