import bugsnag from ‘bugsnag-js’; import createPlugin from ‘bugsnag-react’; import React from ‘react’; import ReactDOM from ‘react-dom’; import { BrowserRouter as Router } from ‘react-router-dom’; import { AppProvider } from ‘@shopify/polaris’; import App from ‘./components/App’; import ScrollToTop from ‘./components/Shared/ScrollToTop’; import withApi from ‘./components/withApi’;
const app = document.getElementById(‘app’);
const bugsnagClient = bugsnag({
apiKey: app.dataset.bugsnagApiKey, appVersion: app.dataset.version, releaseStage: app.dataset.environment
});
const ErrorBoundary = bugsnagClient.use(createPlugin(React));
const AppWithApi = withApi(App);
ReactDOM.render(
<ErrorBoundary> <Router> <AppProvider apiKey={app.dataset.apiKey} debug={app.dataset.debug} forceRedirect={app.dataset.forceRedirect} shopOrigin={app.dataset.shopOrigin} > <ScrollToTop> <AppWithApi bugsnagClient={bugsnagClient} /> </ScrollToTop> </AppProvider> </Router> </ErrorBoundary>, app
);