avoid unnecessary rendering

apps/app/src/client/components/TreeItem/TreeItemLayout.tsx

@@ -73,21 +73,13 @@ export const TreeItemLayout: FC<TreeItemLayoutProps> = (props) => {
     if (hasChildren()) setIsOpen(true);
   }, [hasChildren]);
 
-  /*
-   * Make sure itemNode.children and currentChildren are synced
-   */
-  useEffect(() => {
-    if (children.length > currentChildren.length) {
-      setCurrentChildren(children);
-    }
-  }, [children, currentChildren.length, targetPathOrId]);
-
   /*
    * When swr fetch succeeded
    */
   useEffect(() => {
     if (isOpen && data != null) {
       const newChildren = ItemNode.generateNodesFromPages(data.children);
+      console.log('This is new data!!!!: ', newChildren);
       setCurrentChildren(newChildren);
     }
   }, [data, isOpen, targetPathOrId]);

apps/app/src/stores/page-listing.tsx

@@ -197,7 +197,7 @@ export const useSWRxPageAncestorsChildren = (
     assert(keyMatcherForPageTree(key));
   }
 
-  return useSWRImmutable(
+  return useSWR(
     key,
     ([, endpoint, path]) => apiv3Get(endpoint, { path }).then((response) => {
       return {