Fix: reset workspace on unmount

src/hooks/events/workspace-load.ts

@@ -3,7 +3,7 @@ import { useSelector } from "react-redux";
 import { panAndZoom } from "@/components/workspace/zoom";
 import { dataAttributes, ids, selectors } from "@/constants";
 import { store } from "@/store";
-import { initializeElements, initializeWorkspace, sync } from "@/store/reducers/editor";
+import { initializeElements, initializeWorkspace, resetWorkspace, sync } from "@/store/reducers/editor";
 import { ISTKProps } from "@/types";
 import { d3Extended } from "@/utils";
 
@@ -47,6 +47,12 @@ const useWorkspaceLoad = (props: ISTKProps) => {
       store.dispatch(initializeWorkspace());
     }
   }, [dataSynced]);
+
+  useEffect(() => {
+    return () => {
+      store.dispatch(resetWorkspace());
+    };
+  }, []);
 };
 
 export default useWorkspaceLoad;

src/store/reducers/editor/index.ts

@@ -86,6 +86,10 @@ export const slice = createSlice({
     initializeWorkspace: (state) => {
       state.initialized = true;
     },
+    resetWorkspace: (state) => {
+      state.initialized = false;
+      state.dataSynced = false;
+    },
     setCursor: (state, action) => {
       state.cursor = action.payload;
     },
@@ -252,6 +256,7 @@ export const slice = createSlice({
 
 export const {
   initializeWorkspace,
+  resetWorkspace,
   setCursor,
   clearCursor,
   setLocation,