Fixed initial onChange on all components

src/frontend/src/components/codeAreaComponent/index.tsx

@@ -19,11 +19,11 @@ export default function CodeAreaComponent({
     typeof value == "string" ? value : JSON.stringify(value)
   );
   useEffect(() => {
-    if (disabled) {
+    if (disabled && myValue !== "") {
       setMyValue("");
       onChange("");
     }
-  }, [disabled, onChange]);
+  }, [disabled]);
 
   useEffect(() => {
     setMyValue(typeof value == "string" ? value : JSON.stringify(value));

src/frontend/src/components/floatComponent/index.tsx

@@ -15,10 +15,10 @@ export default function FloatComponent({
   const max = rangeSpec?.max ?? 2;
   // Clear component state
   useEffect(() => {
-    if (disabled) {
+    if (disabled && value !== "") {
       onChange("");
     }
-  }, [disabled, onChange]);
+  }, [disabled]);
 
   return (
     <div className="w-full">

src/frontend/src/components/inputListComponent/index.tsx

@@ -13,7 +13,7 @@ export default function InputListComponent({
   editNode = false,
 }: InputListComponentType): JSX.Element {
   useEffect(() => {
-    if (disabled) {
+    if (disabled && value.length > 0 && value[0] !== "") {
       onChange([""]);
     }
   }, [disabled]);

src/frontend/src/components/keypairListComponent/index.tsx

@@ -14,7 +14,7 @@ export default function KeypairListComponent({
   duplicateKey,
 }: KeyPairListComponentType): JSX.Element {
   useEffect(() => {
-    if (disabled) {
+    if (disabled && value.length > 0 && value[0] !== "") {
       onChange([""]);
     }
   }, [disabled]);

src/frontend/src/components/textAreaComponent/index.tsx

@@ -14,7 +14,7 @@ export default function TextAreaComponent({
 }: TextAreaComponentType): JSX.Element {
   // Clear text area
   useEffect(() => {
-    if (disabled) {
+    if (disabled && value !== "") {
       onChange("");
     }
   }, [disabled]);