diff --git a/src/frontend/src/modals/codeAreaModal/index.tsx b/src/frontend/src/modals/codeAreaModal/index.tsx
index 258de68af..6cb59f4de 100644
--- a/src/frontend/src/modals/codeAreaModal/index.tsx
+++ b/src/frontend/src/modals/codeAreaModal/index.tsx
@@ -38,9 +38,14 @@ export default function CodeAreaModal({
     detail: { error: string; traceback: string };
   }>(null);
 
-  // useEffect(() => {
-  //   handleClick();
-  // }, []);
+  useEffect(() => {
+    // if nodeClass.template has more fields other than code and dynamic is true
+    // do not run handleClick
+    if (dynamic && Object.keys(nodeClass.template).length > 1) {
+      return;
+    }
+    handleClick();
+  }, []);
 
   function handleClick() {
     if (!dynamic) {