Application.jsx

import React from 'react';
import {Provider} from 'react-redux';
import bowser from 'bowser';

import createApplicationStore from '../createApplicationStore';
import {ErrorBoundary, includeStoreInBugReports} from '../util/bugsnag';
import supportedBrowsers from '../../config/browsers.json';
import Workspace from '../containers/Workspace';

import BrowserError from './BrowserError';
import IEBrowserError from './IEBrowserError';

class Application extends React.Component {
  constructor() {
    super();
    const store = createApplicationStore();
    this.state = {store};
    includeStoreInBugReports(store);
  }

  _isIEOrEdge() {
    return (bowser.msie || bowser.msedge);
  }

  _isUnsupportedBrowser() {
    return bowser.isUnsupportedBrowser(
      supportedBrowsers,
      true,
      window.navigator.userAgent,
    );
  }

  render() {
    if (this._isIEOrEdge()) {
      return <IEBrowserError />;
    }

    if (this._isUnsupportedBrowser()) {
      return <BrowserError browser={bowser} />;
    }

    return (
      <React.StrictMode>
        <ErrorBoundary>
          <Provider store={this.state.store}>
            <Workspace />
          </Provider>
        </ErrorBoundary>
      </React.StrictMode>
    );
  }
}

export default Application;