Timer component for use as a Suspense fallback

Timer fallback.js

function Timer() {
  const startTime = React.useRef(performance.now());
  const [time, setTime] = React.useState(performance.now());
  React.useEffect(() => {
    const id = setTimeout(() => {
      ReactDOM.flushSync(() => {
        setTime(performance.now());
      });
    }, 2);
    return () => clearTimeout(id);
  });
  return (
    <div className="Fallback">
      <h3>🌀 App Level Suspense</h3>
      <b>{Math.round(time - startTime.current)} ms</b>
    </div>
  );
}

Usage: https://twitter.com/swyx/status/1062515316993867777