From 8c67264833b7b51451292a2f7e6f2433853b1303 Mon Sep 17 00:00:00 2001
From: Dan Abramov <dan.abramov@gmail.com>
Date: Fri, 18 Feb 2022 16:08:35 +0000
Subject: [PATCH] Add CPU suspense

---
 beta/src/components/MDX/CodeBlock/index.tsx | 2 ++
 beta/src/components/MDX/Sandpack/index.tsx  | 5 ++++-
 2 files changed, 6 insertions(+), 1 deletion(-)

diff --git a/beta/src/components/MDX/CodeBlock/index.tsx b/beta/src/components/MDX/CodeBlock/index.tsx
index e380cc84f..b6ca64291 100644
--- a/beta/src/components/MDX/CodeBlock/index.tsx
+++ b/beta/src/components/MDX/CodeBlock/index.tsx
@@ -16,6 +16,8 @@ export default React.memo(function CodeBlockWrapper(props: {
   const {children, isFromPackageImport} = props;
   return (
     <React.Suspense
+      // @ts-ignore
+      unstable_expectedLoadTime={1}
       fallback={
         <pre
           className={cn(
diff --git a/beta/src/components/MDX/Sandpack/index.tsx b/beta/src/components/MDX/Sandpack/index.tsx
index cc800ee4a..ad60965cd 100644
--- a/beta/src/components/MDX/Sandpack/index.tsx
+++ b/beta/src/components/MDX/Sandpack/index.tsx
@@ -64,7 +64,10 @@ export default React.memo(function SandpackWrapper(props: any): any {
   }
 
   return (
-    <React.Suspense fallback={<SandpackGlimmer code={activeCode} />}>
+    <React.Suspense
+      fallback={<SandpackGlimmer code={activeCode} />}
+      // @ts-ignore
+      unstable_expectedLoadTime={1}>
       <SandpackRoot {...props} />
     </React.Suspense>
   );