fix: flushSync problem (#2581)

* fix: fix flushSync problem * Spotless Apply --------- Co-authored-by: leechor <[email protected]>
DataLinkDC · Nov 29, 2023 · ccf84ae · ccf84ae
1 parent e38c814
commit ccf84ae
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 8 deletions.
diff --git a/dinky-web/src/hooks/useEditor.tsx b/dinky-web/src/hooks/useEditor.tsx
@@ -27,7 +27,6 @@ import {
   useEffect,
   useState
 } from 'react';
-import { flushSync } from 'react-dom';
 import { useModel } from 'umi';
 export interface FullScreenContextProps {
   fullscreen: boolean;
@@ -44,12 +43,10 @@ export const FullScreenProvider: FC = memo(({ children }: any) => {
   const { initialState, setInitialState } = useModel('@@initialState');
 
   useEffect(() => {
-    flushSync(() => {
-      setInitialState((s) => ({
-        ...s,
-        fullscreen
-      }));
-    });
+    setInitialState((s) => ({
+      ...s,
+      fullscreen
+    }));
   }, [fullscreen]);
   return (
     <FullScreenContext.Provider value={{ fullscreen, setFullscreen }}>

diff --git a/dinky-web/src/pages/RegCenter/Cluster/Instance/components/InstanceList/index.tsx b/dinky-web/src/pages/RegCenter/Cluster/Instance/components/InstanceList/index.tsx
@@ -267,7 +267,7 @@ export default () => {
       >
         {l('button.heartbeat')}
       </Button>
-    </Authorized>,
+    </Authorized>
   ];
 
   const renderListItem = (item: Cluster.Instance) => {