Suspend.js — react Source File

Source Code

let promise = null;
let isResolved = false;

export default function Suspend({children}) {
  // This will suspend the content from rendering but only on the client.
  // This is used to demo a slow loading app.
  if (!isResolved) {
    if (promise === null) {
      promise = new Promise(resolve => {
        setTimeout(
          () => {
            isResolved = true;
            resolve();
          },
          typeof window === 'object' ? 6000 : 1000
        );
      });
    }
    throw promise;
  }
  return children;
}