Fix : [#2986] Add ref callback

Author: Ri-Sharma

client/modules/IDE/components/CollectionList/CollectionListRow.jsx

@@ -55,9 +55,6 @@ const CollectionListRowBase = (props) => {
     closeAll();
     setRenameOpen(true);
     setRenameValue(props.collection.name);
-    if (renameInput.current) {
-      renameInput.current.focus();
-    }
   };
 
   const handleRenameChange = (e) => {
@@ -71,6 +68,12 @@ const CollectionListRowBase = (props) => {
     }
   };
 
+  const handleRenameFocus = () => {
+    if (renameInput.current) {
+      renameInput.current.focus();
+    }
+  };
+
   const handleRenameBlur = () => {
     updateName();
     closeAll();
@@ -116,7 +119,10 @@ const CollectionListRowBase = (props) => {
             onKeyUp={handleRenameEnter}
             onBlur={handleRenameBlur}
             onClick={(e) => e.stopPropagation()}
-            ref={renameInput}
+            ref={(node) => {
+              renameInput.current = node;
+              handleRenameFocus();
+            }}
           />
         )}
       </>