src/pages/VisProgPage/visualProgrammingUI/VisProgStores.tsx

@@ -23,17 +23,19 @@ 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]
-  const newData = {
-      id: id,
-      type: type,
-      position: position,
-      data: 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: {
+        ...defaultData,
+        ...data,
+      },
+    }
   }
-  return {...defaultData, ...newData}
-}
 
 //* Initial nodes, created by using createNode. */
 const initialNodes : Node[] = [

test/pages/visProgPage/visualProgrammingUI/nodes/UniversalNodes.test.tsx

@@ -15,14 +15,16 @@ describe('NormNode', () => {
 
   function createNode(id: string, type: string, position: XYPosition, data: Record<string, unknown>, deletable?: boolean) {
     const defaultData = NodeDefaults[type as keyof typeof NodeDefaults]
-    const newData = {
-        id: id,
-        type: type,
-        position: position,
-        data: data,
-        deletable: deletable,
+    return {
+      id,
+      type,
+      position,
+      deletable,
+      data: {
+        ...defaultData,
+        ...data,
+      },
     }
-    return {...defaultData, ...newData}
   }