Tuned performance

packages/app/src/components/Sidebar/PageTree.tsx

@@ -1,10 +1,10 @@
-import React, { FC } from 'react';
+import React, { FC, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
 import ItemsTree from './PageTree/ItemsTree';
 
 
-const PageTree: FC = () => {
+const PageTree: FC = memo(() => {
   const { t } = useTranslation();
 
   return (
@@ -18,6 +18,6 @@ const PageTree: FC = () => {
       </div>
     </>
   );
-};
+});
 
 export default PageTree;

packages/app/src/components/Sidebar/PageTree/Item.tsx

@@ -9,7 +9,6 @@ interface ItemProps {
 }
 
 const Item = memo<ItemProps>((props: ItemProps) => {
-  console.log('??? Item has Rendered ITEM');
   const { itemNode, isOpen = false } = props;
 
   const { page, children, isPartialChildren } = itemNode;

packages/app/src/components/Sidebar/PageTree/ItemsTree.tsx

@@ -87,6 +87,7 @@ const ItemsTree: FC = () => {
   const rootNode = generateInitialTreeFromAncestors(ancestors, targetAndSiblings);
 
   const isOpen = true;
+
   return (
     <>
       <Item key={rootNode.page.path} itemNode={rootNode} isOpen={isOpen} />