1 files changed, 30 insertions, 0 deletions
diff --git a/preact/demo/suspense-router/index.js b/preact/demo/suspense-router/index.js
new file mode 100644
index 0000000..2572209
--- /dev/null
+++ b/preact/demo/suspense-router/index.js
@@ -0,0 +1,30 @@
+import { createElement, Suspense, lazy } from 'react';
+
+import { Router, Route, Switch } from './simple-router';
+
+/** @jsx createElement */
+
+let Hello = lazy(() => import('./hello.js'));
+let Bye = lazy(() => import('./bye.js'));
+
+function Loading() {
+	return <div>Hey! This is a fallback because we're loading things! :D</div>;
+}
+
+export default function SuspenseRouterBug() {
+	return (
+		<Router>
+			<h1>Suspense Router bug</h1>
+			<Suspense fallback={<Loading />}>
+				<Switch>
+					<Route path="/" exact>
+						<Hello />
+					</Route>
+					<Route path="/bye">
+						<Bye />
+					</Route>
+				</Switch>
+			</Suspense>
+		</Router>
+	);
+}