fix props name

apps/app/src/components/Sidebar/PageTree/PageTreeItem.tsx

@@ -456,8 +456,8 @@ export const PageTreeItem: FC<PageTreeItemProps> = (props) => {
       itemRef={itemRef}
       itemClass={PageTreeItem}
       mainClassName={mainClassName}
-      customComponent={[Ellipsis, NewPageCreateButton]}
-      customComponentUnderItem={[NewPageInput]}
+      customEndComponents={[Ellipsis, NewPageCreateButton]}
+      customNextComponents={[NewPageInput]}
     />
   );
 };

apps/app/src/components/Sidebar/PageTree/PageTreeItemForModal.tsx

@@ -21,9 +21,9 @@ export const PageTreeItemForModal: FC<PageTreeItemProps> = (props) => {
       onRenamed={props.onRenamed}
       onClickDuplicateMenuItem={props.onClickDuplicateMenuItem}
       onClickDeleteMenuItem={props.onClickDeleteMenuItem}
-      customComponentUnderItem={[NewPageInput]}
+      customNextComponents={[NewPageInput]}
       itemClass={PageTreeItemForModal}
-      customComponent={[SimpleItemTool, NewPageCreateButton]}
+      customEndComponents={[SimpleItemTool, NewPageCreateButton]}
     />
   );
 };

apps/app/src/components/Sidebar/PageTree/SimpleItem.tsx

@@ -35,8 +35,8 @@ export type SimpleItemProps = {
   itemRef?
   itemClass?: React.FunctionComponent<SimpleItemProps>
   mainClassName?: string
-  customComponent?: Array<React.FunctionComponent<SimpleItemToolProps>>
-  customComponentUnderItem?: Array<React.FunctionComponent<SimpleItemToolProps>>
+  customEndComponents?: Array<React.FunctionComponent<SimpleItemToolProps>>
+  customNextComponents?: Array<React.FunctionComponent<SimpleItemToolProps>>
 };
 
 // Utility to mark target
@@ -210,9 +210,9 @@ const SimpleItem: FC<SimpleItemProps> = (props) => {
     stateHandlers,
   };
 
-  const CustomComponent = props.customComponent;
+  const CustomEndComponents = props.customEndComponents;
 
-  const SimpleItemContent = CustomComponent ?? [SimpleItemTool];
+  const SimpleItemContent = CustomEndComponents ?? [SimpleItemTool];
 
   const SimpleItemContentProps = {
     itemNode,
@@ -226,7 +226,7 @@ const SimpleItem: FC<SimpleItemProps> = (props) => {
     stateHandlers,
   };
 
-  const CustomComponentUnderItem = props.customComponentUnderItem;
+  const CustomNextComponents = props.customNextComponents;
 
 
   return (
@@ -259,7 +259,7 @@ const SimpleItem: FC<SimpleItemProps> = (props) => {
         ))}
       </li>
 
-      {CustomComponentUnderItem?.map((UnderItemContent, index) => (
+      {CustomNextComponents?.map((UnderItemContent, index) => (
         <UnderItemContent key={index} {...SimpleItemContentProps}/>
       ))}