index.tsx

import React from 'react'
import ReactDOM, { Container } from 'react-dom/client'
import {
    RouterProvider
} from 'react-router-dom'
import './index.scss'

import i18next from 'i18next'
import { I18nextProvider } from 'react-i18next'
import { Provider } from 'react-redux'
import { ToastContainer } from 'react-toastify'
import { PersistGate } from 'redux-persist/integration/react'
import './i18n/config'
import { router } from './routes'
import { persistor, store } from './stores'
import './utils/icons/icons'

const installToastify = () => {
    return (
        <ToastContainer />
    )
}

ReactDOM.createRoot(document.getElementById("root")).render(
    <React.StrictMode>
        <Provider store={store}>
            <PersistGate loading={null} persistor={persistor}>
                <I18nextProvider i18n={i18next}>
                    {installToastify()}
                    <RouterProvider router={router} />
                </I18nextProvider>
            </PersistGate>
        </Provider>
    </React.StrictMode>
);

import './components/subscriptions'