fix for lint

apps/app/src/components/ParentPageSelectModal/ParentPageSelectModal.tsx

@@ -39,10 +39,10 @@ export const ParentPageSelectModal = () => {
     <Modal
       isOpen={isOpened}
       toggle={() => closeModal()}
-      centered={true}
+      centered
     >
       <ModalHeader toggle={() => closeModal()}>modal</ModalHeader>
-      <ModalBody >
+      <ModalBody>
         <ItemsTree
           CustomTreeItem={PageTreeItemForModal}
           isEnableActions={!isGuestUser}
@@ -54,10 +54,10 @@ export const ParentPageSelectModal = () => {
       </ModalBody>
       <ModalFooter>
         <Button color="primary">
-        Do Something
+          Do Something
         </Button>{' '}
         <Button color="secondary">
-        Cancel
+          Cancel
         </Button>
       </ModalFooter>
     </Modal>

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

@@ -5,7 +5,8 @@ import React, {
 import nodePath from 'path';
 
 
-import { pathUtils } from '@growi/core';
+import type { IPageInfoAll, IPageToDeleteWithMeta } from '@growi/core';
+import { pathUtils } from '@growi/core/dist/utils';
 import { useTranslation } from 'next-i18next';
 import { DropdownToggle } from 'reactstrap';
 
@@ -14,9 +15,7 @@ import { apiv3Put } from '~/client/util/apiv3-client';
 import { ValidationTarget } from '~/client/util/input-validator';
 import { toastError, toastSuccess } from '~/client/util/toastr';
 import { NotAvailableForGuest } from '~/components/NotAvailableForGuest';
-import {
-  IPageInfoAll, IPageToDeleteWithMeta, IPageForItem,
-} from '~/interfaces/page';
+import { IPageForItem } from '~/interfaces/page';
 import { useSWRMUTxCurrentUserBookmarks } from '~/stores/bookmark';
 import { useSWRMUTxPageInfo } from '~/stores/page';
 
@@ -142,7 +141,7 @@ export const Ellipsis: FC<EllipsisProps> = (props) => {
           </NotDraggableForClosableTextInput>
         </div>
       ) : (
-        <SimpleItemTool page={page} isEnableActions={false} isReadOnlyUser={false}/>
+        <SimpleItemTool page={page} isEnableActions={false} isReadOnlyUser={false} />
       )}
       <NotAvailableForGuest>
         <div className="grw-pagetree-control d-flex">
@@ -161,7 +160,7 @@ export const Ellipsis: FC<EllipsisProps> = (props) => {
           >
             {/* pass the color property to reactstrap dropdownToggle props. https://6-4-0--reactstrap.netlify.app/components/dropdowns/  */}
             <DropdownToggle color="transparent" className="border-0 rounded btn-page-item-control p-0 grw-visible-on-hover mr-1">
-              <i id='option-button-in-page-tree' className="icon-options fa fa-rotate-90 p-1"></i>
+              <i id="option-button-in-page-tree" className="icon-options fa fa-rotate-90 p-1"></i>
             </DropdownToggle>
           </PageItemControl>
         </div>

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

@@ -4,13 +4,13 @@ import React, {
 
 import nodePath from 'path';
 
+import type { IPageHasId } from '@growi/core';
 import { pagePathUtils } from '@growi/core/dist/utils';
 import { useTranslation } from 'next-i18next';
 import { useDrag, useDrop } from 'react-dnd';
 
 import { apiv3Put } from '~/client/util/apiv3-client';
 import { toastWarning, toastError } from '~/client/util/toastr';
-import { IPageHasId } from '~/interfaces/page';
 import { mutatePageTree, useSWRxPageChildren } from '~/stores/page-listing';
 import loggerFactory from '~/utils/logger';
 

apps/app/src/components/TreeItem/SimpleItem.tsx

@@ -4,13 +4,13 @@ import React, {
 
 import nodePath from 'path';
 
-import type { Nullable } from '@growi/core';
+import type { Nullable, IPageToDeleteWithMeta } from '@growi/core';
 import { pathUtils } from '@growi/core/dist/utils';
 import { useTranslation } from 'next-i18next';
 import { useRouter } from 'next/router';
 import { UncontrolledTooltip } from 'reactstrap';
 
-import { IPageToDeleteWithMeta, IPageForItem } from '~/interfaces/page';
+import { IPageForItem } from '~/interfaces/page';
 import { IPageForPageDuplicateModal } from '~/stores/modal';
 import { useSWRxPageChildren } from '~/stores/page-listing';
 import { usePageTreeDescCountMap } from '~/stores/ui';
@@ -252,13 +252,13 @@ export const SimpleItem: FC<SimpleItemProps> = (props) => {
             </button>
           )}
         </div>
-        {SimpleItemContent.map((ItemContent, index) => (
-          <ItemContent key={index} {...SimpleItemContentProps} />
+        {SimpleItemContent.map(ItemContent => (
+          <ItemContent {...SimpleItemContentProps} />
         ))}
       </li>
 
-      {CustomNextComponents?.map((UnderItemContent, index) => (
-        <UnderItemContent key={index} {...SimpleItemContentProps} />
+      {CustomNextComponents?.map(UnderItemContent => (
+        <UnderItemContent {...SimpleItemContentProps} />
       ))}
 
       {