44 lines
1.5 KiB
TypeScript
44 lines
1.5 KiB
TypeScript
import '@babel/polyfill';
|
|
import React from 'react';
|
|
import { hot } from 'react-hot-loader';
|
|
import { hydrate } from 'react-dom';
|
|
import { loadComponents } from 'loadable-components';
|
|
import { Provider } from 'react-redux';
|
|
import { Router } from 'react-router-dom';
|
|
import { PersistGate } from 'redux-persist/integration/react';
|
|
import * as Sentry from '@sentry/browser';
|
|
import { I18nextProvider } from 'react-i18next';
|
|
import { configureStore } from 'store/configure';
|
|
import history from 'store/history';
|
|
import { massageSerializedState } from 'utils/api';
|
|
import Routes from './Routes';
|
|
import i18n from './i18n';
|
|
|
|
Sentry.init({
|
|
dsn: process.env.SENTRY_DSN,
|
|
release: process.env.SENTRY_RELEASE,
|
|
environment: process.env.SENTRY_ENVIRONMENT || process.env.NODE_ENV,
|
|
});
|
|
const initialState =
|
|
window && massageSerializedState((window as any).__PRELOADED_STATE__);
|
|
const { store, persistor } = configureStore(initialState);
|
|
const i18nLanguage = window && (window as any).__PRELOADED_I18N__;
|
|
i18n.changeLanguage(i18nLanguage.locale);
|
|
i18n.addResourceBundle(i18nLanguage.locale, 'common', i18nLanguage.resources, true);
|
|
|
|
const App = hot(module)(() => (
|
|
<I18nextProvider i18n={i18n}>
|
|
<Provider store={store}>
|
|
<PersistGate persistor={persistor}>
|
|
<Router history={history}>
|
|
<Routes />
|
|
</Router>
|
|
</PersistGate>
|
|
</Provider>
|
|
</I18nextProvider>
|
|
));
|
|
|
|
loadComponents().then(() => {
|
|
hydrate(<App />, document.getElementById('app'));
|
|
});
|