Add CPU suspense

Author: gaearon

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(

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>
   );