react-error-boundary 1.2.4 → 1.2.5

package/dist/commonjs/ErrorBoundary.js

@@ -0,0 +1,116 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.withErrorBoundary = undefined;
+
+var _createClass = function () { function defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ErrorBoundaryFallbackComponent = require('./ErrorBoundaryFallbackComponent');
+
+var _ErrorBoundaryFallbackComponent2 = _interopRequireDefault(_ErrorBoundaryFallbackComponent);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+
+var babelPluginFlowReactPropTypes_proptype_ComponentType = require('react').babelPluginFlowReactPropTypes_proptype_ComponentType || require('prop-types').any;
+
+var ErrorBoundary = function (_Component) {
+  _inherits(ErrorBoundary, _Component);
+
+  function ErrorBoundary() {
+    var _ref;
+
+    var _temp, _this, _ret;
+
+    _classCallCheck(this, ErrorBoundary);
+
+    for (var _len = arguments.length, args = Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    return _ret = (_temp = (_this = _possibleConstructorReturn(this, (_ref = ErrorBoundary.__proto__ || Object.getPrototypeOf(ErrorBoundary)).call.apply(_ref, [this].concat(args))), _this), _this.state = {
+      error: null,
+      info: null
+    }, _temp), _possibleConstructorReturn(_this, _ret);
+  }
+
+  _createClass(ErrorBoundary, [{
+    key: 'componentDidCatch',
+    value: function componentDidCatch(error, info) {
+      var onError = this.props.onError;
+
+
+      if (typeof onError === 'function') {
+        try {
+          /* istanbul ignore next: Ignoring ternary; can’t reproduce missing info in test environment. */
+          onError.call(this, error, info ? info.componentStack : '');
+        } catch (ignoredError) {}
+      }
+
+      this.setState({ error: error, info: info });
+    }
+  }, {
+    key: 'render',
+    value: function render() {
+      var _props = this.props,
+          children = _props.children,
+          FallbackComponent = _props.FallbackComponent;
+      var _state = this.state,
+          error = _state.error,
+          info = _state.info;
+
+
+      if (error !== null) {
+        return _react2.default.createElement(FallbackComponent, {
+          componentStack:
+          // istanbul ignore next: Ignoring ternary; can’t reproduce missing info in test environment.
+          info ? info.componentStack : '',
+          error: error
+        });
+      }
+
+      return children || null;
+    }
+  }]);
+
+  return ErrorBoundary;
+}(_react.Component);
+
+ErrorBoundary.defaultProps = {
+  FallbackComponent: _ErrorBoundaryFallbackComponent2.default
+};
+ErrorBoundary.propTypes = {
+  error: typeof Error === 'function' ? require('prop-types').instanceOf(Error) : require('prop-types').any,
+  info: require('prop-types').shape({
+    componentStack: require('prop-types').string.isRequired
+  })
+};
+var withErrorBoundary = exports.withErrorBoundary = function withErrorBoundary(Component, FallbackComponent, onError) {
+  var Wrapped = function Wrapped(props) {
+    return _react2.default.createElement(
+      ErrorBoundary,
+      { FallbackComponent: FallbackComponent, onError: onError },
+      _react2.default.createElement(Component, props)
+    );
+  };
+
+  // Format for display in DevTools
+  var name = Component.displayName || Component.name;
+  Wrapped.displayName = name ? 'WithErrorBoundary(' + name + ')' : 'WithErrorBoundary';
+
+  return Wrapped;
+};
+
+withErrorBoundary.propTypes = babelPluginFlowReactPropTypes_proptype_ComponentType === require('prop-types').any ? {} : babelPluginFlowReactPropTypes_proptype_ComponentType;
+exports.default = ErrorBoundary;

package/dist/commonjs/ErrorBoundaryFallbackComponent.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _react = require("react");
+
+var _react2 = _interopRequireDefault(_react);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+var toTitle = function toTitle(error, componentStack) {
+  return error.toString() + "\n\nThis is located at:" + componentStack;
+};
+
+var ErrorBoundaryFallbackComponent = function ErrorBoundaryFallbackComponent(_ref) {
+  var componentStack = _ref.componentStack,
+      error = _ref.error;
+  return _react2.default.createElement(
+    "div",
+    { style: style, title: toTitle(error, componentStack) },
+    _react2.default.createElement(
+      "svg",
+      { style: svgStyle, viewBox: "0 0 24 24", preserveAspectRatio: "xMidYMid" },
+      _react2.default.createElement("path", {
+        d: "M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,\n        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,\n        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,\n        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,\n        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,\n        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,\n        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z"
+      })
+    )
+  );
+};
+
+ErrorBoundaryFallbackComponent.propTypes = {
+  componentStack: require("prop-types").string.isRequired,
+  error: typeof Error === "function" ? require("prop-types").instanceOf(Error).isRequired : require("prop-types").any.isRequired
+};
+var style = {
+  height: '100%',
+  maxHeight: '100vh',
+  width: '100%',
+  maxWidth: '100vw',
+  display: 'flex',
+  flexDirection: 'column',
+  alignItems: 'center',
+  textAlign: 'center',
+  backgroundColor: '#C00',
+  color: '#FFF',
+  boxSizing: 'border-box',
+  cursor: 'help'
+};
+
+var svgStyle = {
+  fill: 'currentColor',
+  flex: '1 1 auto'
+};
+
+exports.default = ErrorBoundaryFallbackComponent;

package/dist/commonjs/__tests__/ErrorBoundary.test.js

@@ -0,0 +1,244 @@
+'use strict';
+
+var _enzyme = require('enzyme');
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _ErrorBoundary = require('../ErrorBoundary');
+
+var _ErrorBoundary2 = _interopRequireDefault(_ErrorBoundary);
+
+var _ErrorBoundaryFallbackComponent = require('../ErrorBoundaryFallbackComponent');
+
+var _ErrorBoundaryFallbackComponent2 = _interopRequireDefault(_ErrorBoundaryFallbackComponent);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('ErrorBoundary', function () {
+  var consoleErrorSpy = void 0;
+  var mockError = void 0;
+
+  var Spell = void 0;
+  var Wand = void 0;
+
+  beforeAll(function () {
+    consoleErrorSpy = jest.spyOn(console, 'error').mockImplementation(function () {
+      // React error boundaries print the error to `console.error` stream even when it’s caught by our
+      // `ErrorBoundary` component. We suppress `console.error` to keep our test console output clean.
+      // @see #11098 Allow suppressing error boundary logs from intentionally thrown/caught errors
+      // https://github.com/facebook/react/issues/11098
+    });
+
+    mockError = new Error('You cast an unforgivable curse! You’ve earned a one-way ticket to Azkaban.');
+    Spell = function Spell(_ref) {
+      var incantation = _ref.incantation;
+
+      switch (incantation) {
+        case 'Avada Kedavra':
+        case 'Crucio':
+        case 'Imperio':
+          throw mockError;
+
+        default:
+          return _react2.default.createElement(
+            'p',
+            null,
+            'You cast the ' + incantation + ' spell!'
+          );
+      }
+    };
+
+    Wand = function Wand(_ref2) {
+      var name = _ref2.name,
+          incantation = _ref2.incantation;
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          'p',
+          null,
+          'Casting spell with the ' + name + ' wand'
+        ),
+        _react2.default.createElement(Spell, { incantation: incantation })
+      );
+    };
+  });
+
+  afterAll(function () {
+    consoleErrorSpy.mockRestore();
+  });
+
+  it('Renders the child component if there is no error', function () {
+    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(
+      _ErrorBoundary2.default,
+      null,
+      _react2.default.createElement(Wand, { name: 'Harry\u2019s', incantation: 'Expelliarmus' })
+    ));
+
+    var WandWithErrorBoundary = (0, _ErrorBoundary.withErrorBoundary)(Wand);
+    var wrapperWithErrorBoundary = (0, _enzyme.mount)(_react2.default.createElement(WandWithErrorBoundary, { name: 'Harry\u2019s', incantation: 'Expelliarmus' }));
+
+    expect(wrapper.state().error).toBe(null);
+    expect(wrapper.state().info).toBe(null);
+    expect(wrapper.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, null))).toBe(false);
+    expect(wrapper.contains(_react2.default.createElement(Wand, { name: 'Harry\u2019s', incantation: 'Expelliarmus' }))).toBe(true);
+
+    // Note: We use `….instance().state …` instead of `….state() …` here because…
+    // > ReactWrapper::state() can only be called on the root
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.error).toBe(null);
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.info).toBe(null);
+    expect(wrapperWithErrorBoundary.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, null))).toBe(false);
+    expect(wrapperWithErrorBoundary.contains(_react2.default.createElement(Wand, { name: 'Harry\u2019s', incantation: 'Expelliarmus' }))).toBe(true);
+  });
+
+  it('Sets its state to an error state and renders the default fallback component', function () {
+    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(
+      _ErrorBoundary2.default,
+      null,
+      _react2.default.createElement(Wand, { name: 'Voldemort\u2019s', incantation: 'Avada Kedavra' })
+    ));
+
+    var WandWithErrorBoundary = (0, _ErrorBoundary.withErrorBoundary)(Wand);
+    var wrapperWithErrorBoundary = (0, _enzyme.mount)(_react2.default.createElement(WandWithErrorBoundary, { name: 'Voldemort\u2019s', incantation: 'Avada Kedavra' }));
+
+    expect(wrapper.state().error).toEqual(expect.objectContaining(mockError));
+    expect(wrapper.state().info).toEqual(expect.objectContaining({
+      componentStack: expect.any(String)
+    }));
+    expect(wrapper.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, null))).toBe(true);
+
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.error).toEqual(expect.objectContaining(mockError));
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.info).toEqual(expect.objectContaining({
+      componentStack: expect.any(String)
+    }));
+    expect(wrapperWithErrorBoundary.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, null))).toBe(true);
+  });
+
+  it('Sets its state to an error state and renders a custom fallback component', function () {
+    var MockFallbackComponent = function MockFallbackComponent(_ref3) {
+      var error = _ref3.error,
+          componentStack = _ref3.componentStack;
+      return _react2.default.createElement(
+        'div',
+        null,
+        _react2.default.createElement(
+          'p',
+          null,
+          _react2.default.createElement(
+            'strong',
+            null,
+            'Wand unable to perform magic!'
+          ),
+          'Please contact Ollivanders in Diagon Alley for repairs.'
+        ),
+        _react2.default.createElement(
+          'p',
+          null,
+          _react2.default.createElement(
+            'strong',
+            null,
+            'Error:'
+          ),
+          ' ',
+          error.toString()
+        ),
+        _react2.default.createElement(
+          'p',
+          null,
+          _react2.default.createElement(
+            'strong',
+            null,
+            'Stacktrace:'
+          ),
+          _react2.default.createElement(
+            'pre',
+            null,
+            componentStack
+          )
+        )
+      );
+    };
+
+    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(
+      _ErrorBoundary2.default,
+      { FallbackComponent: MockFallbackComponent },
+      _react2.default.createElement(Wand, { name: 'Voldemort\u2019s', incantation: 'Crucio' })
+    ));
+
+    var WandWithErrorBoundary = (0, _ErrorBoundary.withErrorBoundary)(Wand, MockFallbackComponent);
+    var wrapperWithErrorBoundary = (0, _enzyme.mount)(_react2.default.createElement(WandWithErrorBoundary, { name: 'Voldemort\u2019s', incantation: 'Crucio' }));
+
+    expect(wrapper.state().error).toEqual(expect.objectContaining(mockError));
+    expect(wrapper.state().info).toEqual(expect.objectContaining({
+      componentStack: expect.any(String)
+    }));
+    expect(wrapper.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, null))).toBe(false);
+    expect(wrapper.containsMatchingElement(_react2.default.createElement(MockFallbackComponent, {
+      error: mockError /* componentStack="ignored" */
+    }))).toBe(true);
+
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.error).toEqual(expect.objectContaining(mockError));
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.info).toEqual(expect.objectContaining({
+      componentStack: expect.any(String)
+    }));
+    expect(wrapperWithErrorBoundary.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, null))).toBe(false);
+    expect(wrapperWithErrorBoundary.containsMatchingElement(_react2.default.createElement(MockFallbackComponent, {
+      error: mockError /* componentStack="ignored" */
+    }))).toBe(true);
+  });
+
+  it('Sets its state to an error state and invokes the onError callback prop', function () {
+    var mockOnError = jest.fn().mockImplementation(function (error, // eslint-disable-line no-unused-vars
+    info) // eslint-disable-line no-unused-vars
+    {});
+
+    var mockOnErrorWithErrorBoundary = jest.fn().mockImplementation(function (error, // eslint-disable-line no-unused-vars
+    info) // eslint-disable-line no-unused-vars
+    {});
+
+    var wrapper = (0, _enzyme.mount)(_react2.default.createElement(
+      _ErrorBoundary2.default,
+      { onError: mockOnError },
+      _react2.default.createElement(Wand, { name: 'Voldemort\u2019s', incantation: 'Imperio' })
+    ));
+    var WandWithErrorBoundary = (0, _ErrorBoundary.withErrorBoundary)(Wand, _ErrorBoundaryFallbackComponent2.default, mockOnErrorWithErrorBoundary);
+    var wrapperWithErrorBoundary = (0, _enzyme.mount)(_react2.default.createElement(WandWithErrorBoundary, { name: 'Voldemort\u2019s', incantation: 'Imperio' }));
+
+    expect(wrapper.state().error).toEqual(expect.objectContaining(mockError));
+    expect(wrapper.state().info).toEqual(expect.objectContaining({
+      componentStack: expect.any(String)
+    }));
+    expect(mockOnError).toHaveBeenCalledWith(mockError, expect.any(String));
+    expect(wrapper.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, {
+      error: mockError /* componentStack="ignored" */
+    }))).toBe(true);
+
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.error).toEqual(expect.objectContaining(mockError));
+    expect(wrapperWithErrorBoundary.find(_ErrorBoundary2.default).instance().state.info).toEqual(expect.objectContaining({
+      componentStack: expect.any(String)
+    }));
+    expect(mockOnErrorWithErrorBoundary).toHaveBeenCalledWith(mockError, expect.any(String));
+    expect(wrapperWithErrorBoundary.containsMatchingElement(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, {
+      error: mockError /* componentStack="ignored" */
+    }))).toBe(true);
+  });
+
+  it('sets the correct displayName for wrapped components', function () {
+    function NormalComponent() {
+      return null;
+    }
+    expect((0, _ErrorBoundary.withErrorBoundary)(NormalComponent).displayName).toBe('WithErrorBoundary(NormalComponent)');
+
+    function ComponentWithDisplayNameOverride() {
+      return null;
+    }
+    ComponentWithDisplayNameOverride.displayName = 'Override';
+
+    expect((0, _ErrorBoundary.withErrorBoundary)(ComponentWithDisplayNameOverride).displayName).toBe('WithErrorBoundary(Override)');
+    expect((0, _ErrorBoundary.withErrorBoundary)(function () {
+      return null;
+    }).displayName).toBe('WithErrorBoundary');
+  });
+});

package/dist/commonjs/__tests__/ErrorBoundaryFallbackComponent.test.js

@@ -0,0 +1,27 @@
+'use strict';
+
+var _react = require('react');
+
+var _react2 = _interopRequireDefault(_react);
+
+var _enzyme = require('enzyme');
+
+var _ErrorBoundaryFallbackComponent = require('../ErrorBoundaryFallbackComponent');
+
+var _ErrorBoundaryFallbackComponent2 = _interopRequireDefault(_ErrorBoundaryFallbackComponent);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('ErrorBoundaryFallbackComponent', function () {
+  var mockError = void 0;
+
+  beforeAll(function () {
+    mockError = new Error('You cast an unforgivable curse! You’ve earned a one-way ticket to Azkaban.');
+  });
+
+  it('Passes a snapshot test', function () {
+    var wrapper = (0, _enzyme.shallow)(_react2.default.createElement(_ErrorBoundaryFallbackComponent2.default, { error: mockError, componentStack: '' }));
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});

package/dist/commonjs/__tests__/__snapshots__/ErrorBoundaryFallbackComponent.test.js.snap

@@ -0,0 +1,213 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ErrorBoundaryFallbackComponent Passes a snapshot test 1`] = `
+ShallowWrapper {
+  Symbol(enzyme.__root__): [Circular],
+  Symbol(enzyme.__unrendered__): <ErrorBoundaryFallbackComponent
+    componentStack=""
+    error={[Error: You cast an unforgivable curse! You’ve earned a one-way ticket to Azkaban.]}
+  />,
+  Symbol(enzyme.__renderer__): Object {
+    "batchedUpdates": [Function],
+    "getNode": [Function],
+    "render": [Function],
+    "simulateEvent": [Function],
+    "unmount": [Function],
+  },
+  Symbol(enzyme.__node__): Object {
+    "instance": null,
+    "key": undefined,
+    "nodeType": "host",
+    "props": Object {
+      "children": <svg
+        preserveAspectRatio="xMidYMid"
+        style={
+          Object {
+            "fill": "currentColor",
+            "flex": "1 1 auto",
+          }
+        }
+        viewBox="0 0 24 24"
+      >
+        <path
+          d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,
+        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,
+        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,
+        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,
+        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,
+        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,
+        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z"
+        />
+      </svg>,
+      "style": Object {
+        "alignItems": "center",
+        "backgroundColor": "#C00",
+        "boxSizing": "border-box",
+        "color": "#FFF",
+        "cursor": "help",
+        "display": "flex",
+        "flexDirection": "column",
+        "height": "100%",
+        "maxHeight": "100vh",
+        "maxWidth": "100vw",
+        "textAlign": "center",
+        "width": "100%",
+      },
+      "title": "Error: You cast an unforgivable curse! You’ve earned a one-way ticket to Azkaban.
+
+This is located at:",
+    },
+    "ref": null,
+    "rendered": Object {
+      "instance": null,
+      "key": undefined,
+      "nodeType": "host",
+      "props": Object {
+        "children": <path
+          d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,
+        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,
+        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,
+        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,
+        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,
+        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,
+        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z"
+        />,
+        "preserveAspectRatio": "xMidYMid",
+        "style": Object {
+          "fill": "currentColor",
+          "flex": "1 1 auto",
+        },
+        "viewBox": "0 0 24 24",
+      },
+      "ref": null,
+      "rendered": Object {
+        "instance": null,
+        "key": undefined,
+        "nodeType": "host",
+        "props": Object {
+          "d": "M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,
+        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,
+        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,
+        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,
+        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,
+        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,
+        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z",
+        },
+        "ref": null,
+        "rendered": null,
+        "type": "path",
+      },
+      "type": "svg",
+    },
+    "type": "div",
+  },
+  Symbol(enzyme.__nodes__): Array [
+    Object {
+      "instance": null,
+      "key": undefined,
+      "nodeType": "host",
+      "props": Object {
+        "children": <svg
+          preserveAspectRatio="xMidYMid"
+          style={
+            Object {
+              "fill": "currentColor",
+              "flex": "1 1 auto",
+            }
+          }
+          viewBox="0 0 24 24"
+        >
+          <path
+            d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,
+        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,
+        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,
+        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,
+        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,
+        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,
+        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z"
+          />
+        </svg>,
+        "style": Object {
+          "alignItems": "center",
+          "backgroundColor": "#C00",
+          "boxSizing": "border-box",
+          "color": "#FFF",
+          "cursor": "help",
+          "display": "flex",
+          "flexDirection": "column",
+          "height": "100%",
+          "maxHeight": "100vh",
+          "maxWidth": "100vw",
+          "textAlign": "center",
+          "width": "100%",
+        },
+        "title": "Error: You cast an unforgivable curse! You’ve earned a one-way ticket to Azkaban.
+
+This is located at:",
+      },
+      "ref": null,
+      "rendered": Object {
+        "instance": null,
+        "key": undefined,
+        "nodeType": "host",
+        "props": Object {
+          "children": <path
+            d="M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,
+        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,
+        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,
+        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,
+        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,
+        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,
+        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z"
+          />,
+          "preserveAspectRatio": "xMidYMid",
+          "style": Object {
+            "fill": "currentColor",
+            "flex": "1 1 auto",
+          },
+          "viewBox": "0 0 24 24",
+        },
+        "ref": null,
+        "rendered": Object {
+          "instance": null,
+          "key": undefined,
+          "nodeType": "host",
+          "props": Object {
+            "d": "M20,12A8,8 0 0,0 12,4A8,8 0 0,0 4,12A8,8 0 0,0 12,20A8,8 0 0,0 20,
+        12M22,12A10,10 0 0,1 12,22A10,10 0 0,1 2,12A10,10 0 0,1 12,2A10,10 0 0,1 22,
+        12M15.5,8C16.3,8 17,8.7 17,9.5C17,10.3 16.3,11 15.5,11C14.7,11 14,10.3 14,
+        9.5C14,8.7 14.7,8 15.5,8M10,9.5C10,10.3 9.3,11 8.5,11C7.7,11 7,10.3 7,9.5C7,
+        8.7 7.7,8 8.5,8C9.3,8 10,8.7 10,9.5M12,14C13.75,14 15.29,14.72 16.19,
+        15.81L14.77,17.23C14.32,16.5 13.25,16 12,16C10.75,16 9.68,16.5 9.23,
+        17.23L7.81,15.81C8.71,14.72 10.25,14 12,14Z",
+          },
+          "ref": null,
+          "rendered": null,
+          "type": "path",
+        },
+        "type": "svg",
+      },
+      "type": "div",
+    },
+  ],
+  Symbol(enzyme.__options__): Object {
+    "adapter": ReactSixteenAdapter {
+      "options": Object {
+        "enableComponentDidUpdateOnSetState": true,
+        "lifecycles": Object {
+          "componentDidUpdate": Object {
+            "onSetState": true,
+          },
+          "getDerivedStateFromProps": true,
+          "getSnapshotBeforeUpdate": true,
+          "setState": Object {
+            "skipsComponentDidUpdateOnNullish": true,
+          },
+        },
+      },
+    },
+    "attachTo": undefined,
+    "hydrateIn": undefined,
+  },
+}
+`;

package/dist/commonjs/index.js

@@ -0,0 +1,21 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ErrorBoundaryFallbackComponent = exports.withErrorBoundary = exports.ErrorBoundary = undefined;
+
+var _ErrorBoundaryFallbackComponent = require('./ErrorBoundaryFallbackComponent');
+
+var _ErrorBoundaryFallbackComponent2 = _interopRequireDefault(_ErrorBoundaryFallbackComponent);
+
+var _ErrorBoundary = require('./ErrorBoundary');
+
+var _ErrorBoundary2 = _interopRequireDefault(_ErrorBoundary);
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+exports.default = _ErrorBoundary2.default;
+exports.ErrorBoundary = _ErrorBoundary2.default;
+exports.withErrorBoundary = _ErrorBoundary.withErrorBoundary;
+exports.ErrorBoundaryFallbackComponent = _ErrorBoundaryFallbackComponent2.default;