Example using redbox-react

HotErrorClient.jsx

/* @flow */
/* eslint-disable global-require, no-console */

import React from 'react';
import { render } from 'react-dom';
import Redbox from 'redbox-react';


const clearConsole = () => {
  if (typeof console.clear === 'function') {
    console.clear();
  }
};
const renderApp = () => {
  clearConsole();
  require('../src');
};
const renderErrorWithRedbox = (error) => {
  render(
    <Redbox error={error} />,
    document.getElementById('root'),
  );
  console.error(error);
};

try {
  renderApp();
} catch (error) {
  renderErrorWithRedbox(error);
}

if (module.hot && typeof module.hot.accept === 'function') {
  // Enable webpack HMR and just rerun this module
  module.hot.accept();
}