Merge pull request #816 from zaxer2/Making-React-Dockview-Demo-work-n…

…ice-with-Strict-Mode Fixing duplicate state in React-Dockview-Demo caused by strict mode
mathuo · Jan 11, 2025 · c7c1ae9 · c7c1ae9
2 parents 872ec7c + 10fd577
commit c7c1ae9
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 0 deletions.
diff --git a/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.tsx b/packages/docs/sandboxes/react/dockview/demo-dockview/src/app.tsx
@@ -178,6 +178,11 @@ const DockviewDemo = (props: { theme?: string }) => {
 
     const onReady = (event: DockviewReadyEvent) => {
         setApi(event.api);
+        setPanels([]);
+        setGroups([]);
+        setActivePanel(undefined);
+        setActiveGroup(undefined);
+        addLogLine(`Dockview Is Ready`);
 
         event.api.onDidAddPanel((event) => {
             setPanels((_) => [..._, event.id]);

diff --git a/packages/docs/templates/dockview/demo-dockview/react/src/app.tsx b/packages/docs/templates/dockview/demo-dockview/react/src/app.tsx
@@ -124,6 +124,11 @@ const DockviewDemo = (props: { theme?: string }) => {
 
     const onReady = (event: DockviewReadyEvent) => {
         setApi(event.api);
+        setPanels([]);
+        setGroups([]);
+        setActivePanel(undefined);
+        setActiveGroup(undefined);
+        addLogLine(`Dockview Is Ready`);
     };
 
     React.useEffect(() => {