[DE PE SSE mobile] Updated react and react-dom

This commit is contained in:
SergeyEzhin 2022-06-09 18:11:49 +04:00
parent c590641e42
commit d3d7636b47
4 changed files with 25 additions and 17 deletions

View file

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

View file

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

View file

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

View file

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