clean codes

apps/app/src/components/PageHeader/TextInputForPageTitleAndPath.tsx

@@ -68,20 +68,21 @@ export const TextInputForPageTitleAndPath: FC<Props> = (props) => {
     setRenameInputShown(false);
   }, [currentPage.path, setEditingPagePath, setRenameInputShown]);
 
-  useEffect(() => {
-    const onClickOutsideHandler = (e) => {
-      const pageHeaderElement = document.getElementById('page-header');
+  const clickOutSideHandler = (e) => {
+    const container = document.getElementById('page-path-header');
 
-      if (pageHeaderElement && !pageHeaderElement.contains(e.target)) {
-        pagePathRenameHandler(editingPagePath);
-        console.log('clicked outside');
-      }
-    };
+    if (container && !container.contains(e.target)) {
+      setRenameInputShown(false);
+    }
+  };
 
-    document.addEventListener('click', onClickOutsideHandler);
+  useEffect(() => {
+    document.addEventListener('click', clickOutSideHandler);
 
-    return () => document.removeEventListener('click', onClickOutsideHandler);
-  }, [editingPagePath, pagePathRenameHandler]);
+    return () => {
+      document.removeEventListener('click', clickOutSideHandler);
+    };
+  }, []);
 
   return (
     <>