refactor: Swap out fake suspense impl

preactjs · Apr 9, 2024 · 84c1f42 · 84c1f42
1 parent f2b6239
commit 84c1f42
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 12 deletions.
diff --git a/src/components/code-block/index.jsx b/src/components/code-block/index.jsx
@@ -1,6 +1,7 @@
 import { useMemo } from 'preact/hooks';
+import { Suspense } from 'preact/compat';
 import { wrap } from 'comlink';
-import { FakeSuspense, useResource } from '../../lib/use-resource';
+import { useResource } from '../../lib/use-resource';
 
 let prismWorker;
 
@@ -75,9 +76,9 @@ function HighlightedCodeBlock({ code, lang }) {
 	return (
 		<div class="highlight-container">
 			<pre class="highlight">
-				<FakeSuspense fallback={fallback}>
+				<Suspense fallback={fallback}>
 					<HighlightedCode code={code} lang={lang} />
-				</FakeSuspense>
+				</Suspense>
 			</pre>
 			{repl && (
 				<a class="repl-link" href={`/repl?code=${encodeURIComponent(source)}`}>

diff --git a/src/lib/use-resource.js b/src/lib/use-resource.js
@@ -53,12 +53,3 @@ export function useResource(fn, deps) {
 	else if (state.status === 'error') throw state.result;
 	throw state.promise;
 }
-
-export function FakeSuspense(props) {
-	this.__c = childDidSuspend;
-	return this.state && this.state.suspended ? props.fallback : props.children;
-}
-
-function childDidSuspend(err) {
-	err.then(() => this.forceUpdate());
-}