import React, { Suspense } from 'react';
import ReactDOM from 'react-dom/client';
import { Provider } from 'react-redux';
import App from './App';
import store from './store';
// i18next has to be initialized before the App renders
import './i18n';

// Business and Enterprise tiers: register your license key before the first Bryntum component is created.
// The Community tier needs no key. See the Licensing guide.
// (globalThis.bryntum ??= {}).licenseKey = 'your-license-key';

ReactDOM.createRoot(document.getElementById('root')!).render(
    <React.StrictMode>
        {/* react-i18next loads the translations over HTTP, so `useTranslation` suspends on the first render */}
        <Suspense fallback={<div>Loading...</div>}>
            <Provider store={store}>
                <App />
            </Provider>
        </Suspense>
    </React.StrictMode>
);