Merge pull request #816 from zaxer2/Making-React-Dockview-Demo-work-nice-with-Strict-Mode

Fixing duplicate state in React-Dockview-Demo caused by strict mode

Author: mathuo

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]);

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(() => {