Corrected import and updated mounting app

This commit is contained in:
SergeyEzhin 2022-04-07 17:17:57 +04:00
parent b0443d517b
commit eab6e2228b
4 changed files with 25 additions and 17 deletions

View file

@ -1,6 +1,6 @@
// Import React and ReactDOM
import React, { Suspense } from 'react';
import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
// Import Framework7
import Framework7 from 'framework7/lite-bundle';
@ -32,14 +32,16 @@ import { stores } from './store/mainStore'
// Init F7 React Plugin
Framework7.use(Framework7React)
const container = document.getElementById('app');
const root = createRoot(container);
// Mount React App
ReactDOM.render(
root.render(
<I18nextProvider i18n={i18n}>
<Provider {...stores}>
{/*<Suspense fallback="loading...">*/}
<App />
{/*</Suspense>*/}
</Provider>
</I18nextProvider>,
document.getElementById('app'),
</I18nextProvider>
);

View file

@ -1,6 +1,6 @@
// Import React and ReactDOM
import React, { Suspense } from 'react';
import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
// Import Framework7
import Framework7 from 'framework7/lite-bundle';
@ -31,14 +31,16 @@ import { stores } from './store/mainStore'
// Init F7 React Plugin
Framework7.use(Framework7React)
const container = document.getElementById('app');
const root = createRoot(container);
// Mount React App
ReactDOM.render(
root.render(
<I18nextProvider i18n={i18n}>
<Provider {...stores}>
{/*<Suspense fallback="">*/}
{/*<Suspense fallback="loading...">*/}
<App />
{/*</Suspense>*/}
</Provider>
</I18nextProvider>,
document.getElementById('app'),
);
</I18nextProvider>
);

View file

@ -1,6 +1,6 @@
// Import React and ReactDOM
import React, { Suspense } from 'react';
import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
// Import Framework7
import Framework7 from 'framework7/lite-bundle';
@ -32,12 +32,16 @@ import { stores } from './store/mainStore';
// Init F7 React Plugin
Framework7.use(Framework7React);
const container = document.getElementById('app');
const root = createRoot(container);
// Mount React App
ReactDOM.render(
root.render(
<I18nextProvider i18n={i18n}>
<Provider {...stores}>
<App />
{/*<Suspense fallback="loading...">*/}
<App />
{/*</Suspense>*/}
</Provider>
</I18nextProvider>,
document.getElementById('app'),
);
</I18nextProvider>
);

View file

@ -2,7 +2,7 @@
import React, { Fragment, useState, useEffect } from 'react';
import { Input, View, Button, Link, Popover, ListItem, List, Icon, f7, Page, Navbar, NavRight } from 'framework7-react';
import {observer, inject} from "mobx-react";
import { __interactionsRef } from 'scheduler/tracing';
import { __interactionsRef } from 'scheduler';
import { Device } from '../../../../common/mobile/utils/device';
import { useTranslation } from 'react-i18next';