preact/demo/suspense-router/index.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
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>
	);
}