fix: react-related fixes (#1050)

* fix: no 'onChange' error

* fix: "document.body is null"
This commit is contained in:
Aman Harwara
2022-05-30 13:38:24 +05:30
committed by GitHub
parent 8c368dd96b
commit 834459d3a8
2 changed files with 20 additions and 15 deletions

View File

@@ -28,7 +28,7 @@ import { StartApplication } from './Device/StartApplication'
import { ApplicationGroup } from './UIModels/ApplicationGroup'
import { WebOrDesktopDevice } from './Device/WebOrDesktopDevice'
import { WebApplication } from './UIModels/Application'
import { createRoot } from 'react-dom/client'
import { createRoot, Root } from 'react-dom/client'
let keyCount = 0
const getKey = () => {
@@ -37,11 +37,6 @@ const getKey = () => {
const RootId = 'app-group-root'
const rootElement = document.createElement('div')
rootElement.id = RootId
const appendedRootNode = document.body.appendChild(rootElement)
const root = createRoot(appendedRootNode)
const startApplication: StartApplication = async function startApplication(
defaultSyncServerHost: string,
device: WebOrDesktopDevice,
@@ -50,6 +45,7 @@ const startApplication: StartApplication = async function startApplication(
) {
SNLog.onLog = console.log
SNLog.onError = console.error
let root: Root
const onDestroy = () => {
const rootElement = document.getElementById(RootId) as HTMLElement
@@ -59,6 +55,11 @@ const startApplication: StartApplication = async function startApplication(
}
const renderApp = () => {
const rootElement = document.createElement('div')
rootElement.id = RootId
const appendedRootNode = document.body.appendChild(rootElement)
root = createRoot(appendedRootNode)
root.render(
<ApplicationGroupView
key={getKey()}