Siklos/svg-layout-designer-react
1
1
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

Fix React Error on setState while rendering a different component

Browse source
This commit is contained in:
Eric NGUYEN 2022-10-13 18:14:54 +02:00
parent b3a3be0ba2
commit f5ec81d22b
2 changed files with 26 additions and 16 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/Components/App/App.tsx
View file

@ -1,4 +1,4 @@
import React, { Dispatch, SetStateAction, useEffect, useRef, useState } from 'react';
import React, { Dispatch, SetStateAction, useCallback, useEffect, useRef, useState } from 'react';
import { events as EVENTS } from '../../Events/AppEvents';
import { MainMenu } from '../MainMenu/MainMenu';
import { ContainerModel, IContainerModel } from '../../Interfaces/IContainerModel';
@ -107,6 +107,10 @@ export function App(props: IAppProps): JSX.Element {
UseHTTPGETStatePreloading(isLoaded, setEditorState, setLoaded);
const enableLoaded = useCallback(() => {
setLoaded(true);
}, []);
if (isLoaded) {
return (
<div
@ -130,7 +134,9 @@ export function App(props: IAppProps): JSX.Element {
>
<MainMenu
newEditor={() => NewEditor(
editorState, setEditorState, setLoaded
editorState,
(newEditor) => setEditorState(newEditor),
enableLoaded
)}
loadEditor={(files: FileList | null) => LoadEditor(
files,