Preloading

index.tsx

import 'providers/message';
import 'core-js/stable';
import 'regenerator-runtime/runtime';
import 'raf/polyfill';
import 'scss/index.scss';
import 'providers/sentry';
import React from 'react';
import { hydrate } from 'react-dom';
import { Provider as ReduxProvider } from 'react-redux';
import Providers from 'providers';
import storeConfig from 'providers/store';
// import { loadableReady } from '@loadable/component';
import * as serviceWorker from 'providers/service-worker';

/* eslint-disable no-underscore-dangle */
const initialState = window && (window as any).__PRELOADED_STATE__;
delete (window as any).__PRELOADED_STATE__;
/* eslint-enable */

const initialStore = storeConfig(initialState);
const docRoot = document.getElementById('root');

const app = (
  <ReduxProvider store={initialStore}>
    <Providers />
  </ReduxProvider>
);

hydrate(app, docRoot);

serviceWorker.register();