diff --git a/src/editor/components/nodetypeseditor.tsx b/src/editor/components/nodetypeseditor.tsx
index f3bc7efe51db2baa0d1aab0951f18ab650e5ae40..eb759af329c58b20eb529442509854436644d8cb 100644
--- a/src/editor/components/nodetypeseditor.tsx
+++ b/src/editor/components/nodetypeseditor.tsx
@@ -1,4 +1,4 @@
-import React, { useState } from "react";
+import React, { useEffect, useState } from "react";
 import "./nodetypeseditor.css";
 import NodeTypeEntry from "./nodetypeentry";
 import { NodeType, NodeTypeData } from "../../common/graph/nodetype";
@@ -25,6 +25,10 @@ function NodeTypesEditor({
 }: NodeTypesEditorProps) {
     const [selectedType, setSelectedType] = useState<NodeType>(nodeTypes[0]); // There should always exist at least one NodeType object
 
+    useEffect(() => {
+        setSelectedType(nodeTypes[0]);
+    }, [nodeTypes]);
+
     const selectTypeWithId = (id: number) =>
         setSelectedType(nodeTypes.find((type: NodeType) => type.id == id));