Fixed forwardRef on EditNodeModal

src/frontend/src/modals/EditNodeModal/index.tsx

@@ -1,5 +1,5 @@
 import { Variable } from "lucide-react";
-import { ReactNode, useContext, useRef, useState } from "react";
+import { ReactNode, forwardRef, useContext, useState } from "react";
 import CodeAreaComponent from "../../components/codeAreaComponent";
 import Dropdown from "../../components/dropdownComponent";
 import FloatComponent from "../../components/floatComponent";
@@ -27,13 +27,17 @@ import { NodeDataType } from "../../types/flow";
 import { classNames, limitScrollFieldsModal } from "../../utils";
 import BaseModal from "../baseModal";
 
-export default function EditNodeModal({
+const EditNodeModal = forwardRef(
+  (
+    {
       data,
       children,
-}: {
+    }: {
       data: NodeDataType;
       children: ReactNode;
-}) {
+    },
+    ref
+  ) => {
     const [modalOpen, setModalOpen] = useState(false);
 
     const [nodeLength, setNodeLength] = useState(
@@ -53,7 +57,6 @@ export default function EditNodeModal({
     const [nodeValue, setNodeValue] = useState(null);
     const { closePopUp } = useContext(PopUpContext);
     const { types } = useContext(typesContext);
-  const ref = useRef();
     const { setTabsState, tabId } = useContext(TabsContext);
     const { reactFlowInstance } = useContext(typesContext);
 
@@ -316,4 +319,7 @@ export default function EditNodeModal({
         </BaseModal.Footer>
       </BaseModal>
     );
-}
+  }
+);
+
+export default EditNodeModal;