shlink-web-client/src/index.tsx

39 lines
1.3 KiB
TypeScript
Raw Normal View History

import { render } from 'react-dom';
2018-06-03 21:12:40 +03:00
import { Provider } from 'react-redux';
2018-06-03 14:15:52 +03:00
import { BrowserRouter } from 'react-router-dom';
import { homepage } from '../package.json';
import container from './container';
import store from './container/store';
2020-08-22 19:32:48 +03:00
import { fixLeafletIcons } from './utils/helpers/leaflet';
import { register as registerServiceWorker } from './serviceWorkerRegistration';
import 'react-datepicker/dist/react-datepicker.css';
import 'leaflet/dist/leaflet.css';
import './index.scss';
2018-05-13 09:57:47 +03:00
// This overwrites icons used for leaflet maps, fixing some issues caused by webpack while processing the CSS
fixLeafletIcons();
const { App, ScrollToTop, ErrorHandler, appUpdateAvailable } = container;
2018-06-03 21:12:40 +03:00
render(
2018-06-03 21:12:40 +03:00
<Provider store={store}>
<BrowserRouter basename={homepage}>
2019-03-04 22:40:26 +03:00
<ErrorHandler>
<ScrollToTop>
<App />
</ScrollToTop>
</ErrorHandler>
2018-06-03 21:12:40 +03:00
</BrowserRouter>
</Provider>,
2020-08-22 09:10:31 +03:00
document.getElementById('root'),
2018-06-03 14:15:52 +03:00
);
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://cra.link/PWA
registerServiceWorker({
onUpdate() {
store.dispatch(appUpdateAvailable()); // eslint-disable-line @typescript-eslint/no-unsafe-call
},
});