preact/demo/nested-suspense/component-container.js


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

import { createElement, lazy } from 'react';

const pause = timeout =>
	new Promise(d => setTimeout(d, timeout), console.log(timeout));

const SubComponent = lazy(() =>
	pause(Math.random() * 1000).then(() => import('./subcomponent.js'))
);

export default function ComponentContainer({ appearance }) {
	return (
		<div>
			GenerateComponents (component #{appearance})
			<SubComponent />
		</div>
	);
}