Conditional Norms

src/pages/VisProgPage/visualProgrammingUI/VisProgStores.tsx

@@ -28,17 +28,20 @@ import { UndoRedo } from "./EditorUndoRedo.ts";
  * @param deletable - Optional flag to indicate if the node can be deleted (can be deleted by default).
  * @returns A fully initialized Node object ready to be added to the flow.
  */
-function createNode(id: string, type: string, position: XYPosition, data: Record<string, unknown>, deletable? : boolean) {
-  const defaultData = NodeDefaults[type as keyof typeof NodeDefaults]
-
-  return {
-    id: id,
-    type: type,
-    position: position,
-    data: {...defaultData, ...data},
-    deletable: deletable
+function createNode(id: string, type: string, position: XYPosition, data: Record<string, unknown>, deletable?: boolean) {
+    const defaultData = NodeDefaults[type as keyof typeof NodeDefaults]
+    return {
+      id,
+      type,
+      position,
+      deletable,
+      data: {
+        ...JSON.parse(JSON.stringify(defaultData)),
+        ...data,
+      },
+    }
   }
-}
+
 
 //* Initial nodes, created by using createNode. */
 const initialNodes : Node[] = [