[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, { Suspense } from 'react';
import ReactDOM from 'react-dom';
import { createRoot } from 'react-dom/client';
// Import Framework7
import Framework7 from 'framework7/lite-bundle';
@ -37,17 +37,19 @@ import { Provider } from 'mobx-react'
import { stores } from './store/mainStore'
import { LocalStorage } from '../../../common/mobile/utils/LocalStorage';
const container = document.getElementById('app');
const root = createRoot(container);
// Init F7 React Plugin
Framework7.use(Framework7React)
// 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';
@ -32,17 +32,19 @@ import { Provider } from 'mobx-react'
import { stores } from './store/mainStore'
import { LocalStorage } from '../../../common/mobile/utils/LocalStorage';
const container = document.getElementById('app');
const root = createRoot(container);
// Init F7 React Plugin
Framework7.use(Framework7React)
// 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';
@ -37,15 +37,19 @@ import { Provider } from 'mobx-react';
import { stores } from './store/mainStore';
import { LocalStorage } from '../../../common/mobile/utils/LocalStorage';
const container = document.getElementById('app');
const root = createRoot(container);
// Init F7 React Plugin
Framework7.use(Framework7React);
// 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/tracing';
import { Device } from '../../../../common/mobile/utils/device';
import { useTranslation } from 'react-i18next';