react-starter-kit

1
import {App} from 'app/components/App';
2
import {store} from 'app/store';
3
import {Config} from 'modules/config/components/Config';
4
import {LocaleProvider} from 'modules/locale/components/LocaleProvider';
5
import React from 'react';
6
import {createRoot, Root} from 'react-dom/client';
7
import {Provider} from 'react-redux';
8
import {BrowserRouter} from 'react-router-dom';
9
import 'styles/index.less';
10

11
const getRender = (root: Root) => () => {
12
  root.render(
13
    <React.StrictMode>
14
      <Provider store={store}>
15
        <LocaleProvider>
16
          <BrowserRouter>
17
            <Config>
18
              <App />
19
            </Config>
20
          </BrowserRouter>
21
        </LocaleProvider>
22
      </Provider>
23
    </React.StrictMode>
24
  );
25
};
26

27
const container = document.getElementById('root');
28

29
if (container) {
30
  const root = createRoot(container);
31
  const render = getRender(root);
32

33
  render();
34
}
35

36
const onRegisterError = (error) => {
37
  console.error('SW registration failed: ', error);
38
};
39

40
const onWindowLoad = () => {
41
  if ('serviceWorker' in navigator && navigator.serviceWorker) {
42
    navigator.serviceWorker.register('/sw.js').catch(onRegisterError);
43
  }
44
};
45

46
window.removeEventListener('load', onWindowLoad);
47
window.addEventListener('load', onWindowLoad);
48