import { StrictMode, lazy } from 'react';
import { hydrateRoot } from 'react-dom/client';
import { BrowserRouter } from 'react-router-dom';
import { CookiesProvider } from 'react-cookie';

import './index.css';

const Juick = lazy(() => import('./App'));

const props = window.__PROPS__ ? JSON.parse(window.atob(window.__PROPS__)) : {};

const JuickApp = () => (
    <StrictMode>
        <CookiesProvider>
            <BrowserRouter>
                <Juick {...props} />
            </BrowserRouter>
        </CookiesProvider>
    </StrictMode>
);

hydrateRoot(document.getElementById('app'), <JuickApp />);