fix display name eslint error

packages/app/src/components/Navbar/PageEditorModeManager.jsx

@@ -1,7 +1,7 @@
 import React, { useCallback } from 'react';
 
-import PropTypes from 'prop-types';
 import { useTranslation } from 'next-i18next';
+import PropTypes from 'prop-types';
 import { UncontrolledTooltip } from 'reactstrap';
 
 import AppContainer from '~/client/services/AppContainer';
@@ -38,6 +38,8 @@ const PageEditorModeButtonWrapper = React.memo(({
 });
 /* eslint-enable react/prop-types */
 
+PageEditorModeButtonWrapper.displayName = 'PageEditorModeButtonWrapper';
+
 function PageEditorModeManager(props) {
   const {
     appContainer,

packages/app/src/components/Page/RenderTagLabels.tsx

@@ -52,5 +52,6 @@ const RenderTagLabels = React.memo((props: RenderTagLabelsProps) => {
 
 });
 
+RenderTagLabels.displayName = 'RenderTagLabels';
 
 export default RenderTagLabels;

packages/app/src/components/PageComment.tsx

@@ -217,5 +217,6 @@ const PageComment:FC<Props> = memo((props:Props):JSX.Element => {
   );
 });
 
+PageComment.displayName = 'PageComment';
 
 export default PageComment;

packages/app/src/components/PageContentFooter.tsx

@@ -29,5 +29,6 @@ const PageContentFooter:FC<Props> = memo((props:Props):JSX.Element => {
   );
 });
 
+PageContentFooter.displayName = 'PageContentFooter';
 
 export default PageContentFooter;

packages/app/src/components/PageEditor/Editor.jsx

@@ -401,4 +401,6 @@ const EditorWrapper = React.forwardRef((props, ref) => {
   );
 });
 
+EditorWrapper.displayName = 'EditorWrapper';
+
 export default EditorWrapper;

packages/app/src/components/PageEditor/OptionsSelector.tsx

@@ -118,6 +118,7 @@ const KeymapSelector = memo((): JSX.Element => {
 
 });
 
+KeymapSelector.displayName = 'KeymapSelector';
 
 type IndentSizeSelectorProps = {
   isIndentSizeForced: boolean,
@@ -160,6 +161,8 @@ const IndentSizeSelector = memo(({ isIndentSizeForced, selectedIndentSize, onCha
 
 });
 
+IndentSizeSelector.displayName = 'IndentSizeSelector';
+
 
 type ConfigurationDropdownProps = {
   isMathJaxEnabled: boolean,
@@ -341,6 +344,8 @@ const ConfigurationDropdown = memo(({ isMathJaxEnabled, onConfirmEnableTextlint
 
 });
 
+ConfigurationDropdown.displayName = 'ConfigurationDropdown';
+
 
 type Props = {
   appContainer: AppContainer

packages/app/src/components/PageEditor/Preview.tsx

@@ -104,6 +104,8 @@ const Preview = React.forwardRef((props: UnstatedProps, ref: RefObject<HTMLDivEl
 
 });
 
+Preview.displayName = 'Preview';
+
 /**
  * Wrapper component for using unstated
  */
@@ -114,4 +116,6 @@ const PreviewWrapper2 = React.forwardRef((props: Props, ref: RefObject<HTMLDivEl
   return <PreviewWrapper ref={ref} {...props} />;
 });
 
+PreviewWrapper2.displayName = 'PreviewWrapper2';
+
 export default PreviewWrapper2;

packages/app/src/components/PaginationWrapper.tsx

@@ -160,6 +160,8 @@ const PaginationWrapper: FC<Props> = memo((props: Props) => {
 
 });
 
+PaginationWrapper.displayName = 'PaginationWrapper';
+
 PaginationWrapper.defaultProps = {
   align: 'left',
   size: 'md',

packages/app/src/components/SearchForm.tsx

@@ -2,6 +2,7 @@ import React, {
   FC, forwardRef, ForwardRefRenderFunction, useImperativeHandle,
   useRef, useState,
 } from 'react';
+
 import { useTranslation } from 'next-i18next';
 
 import { IFocusable } from '~/client/interfaces/focusable';
@@ -75,6 +76,8 @@ const SearchFormHelp: FC<SearchFormHelpProps> = React.memo((props: SearchFormHel
   );
 });
 
+SearchFormHelp.displayName = 'SearchFormHelp';
+
 
 type Props = TypeaheadProps & {
   isSearchServiceReachable: boolean,

packages/app/src/components/SearchPage.tsx

@@ -1,20 +1,21 @@
 import React, {
   useCallback, useEffect, useMemo, useRef, useState,
 } from 'react';
-import { useTranslation } from 'next-i18next';
 
 import { parse as parseQuerystring } from 'querystring';
 
+import { useTranslation } from 'next-i18next';
+
+
+import { ISelectableAll, ISelectableAndIndeterminatable } from '~/client/interfaces/selectable-all';
 import AppContainer from '~/client/services/AppContainer';
 import { IFormattedSearchResult } from '~/interfaces/search';
-import { ISelectableAll, ISelectableAndIndeterminatable } from '~/client/interfaces/selectable-all';
 import { useIsSearchServiceReachable } from '~/stores/context';
 import { ISearchConditions, ISearchConfigurations, useSWRxSearch } from '~/stores/search';
 
 import PaginationWrapper from './PaginationWrapper';
 import { OperateAllControl } from './SearchPage/OperateAllControl';
 import SearchControl from './SearchPage/SearchControl';
-
 import { IReturnSelectedPageIds, SearchPageBase, usePageDeleteModalForBulkDeletion } from './SearchPage2/SearchPageBase';
 
 
@@ -84,6 +85,8 @@ const SearchResultListHead = React.memo((props: SearchResultListHeadProps): JSX.
   );
 });
 
+SearchResultListHead.displayName = 'SearchResultListHead';
+
 
 /**
  * SearchPage

packages/app/src/components/SearchPage/SearchControl.tsx

@@ -1,14 +1,16 @@
 import React, {
   FC, useCallback, useEffect, useState,
 } from 'react';
+
 import { useTranslation } from 'next-i18next';
 
 import { SORT_AXIS, SORT_ORDER } from '~/interfaces/search';
 import { ISearchConditions, ISearchConfigurations } from '~/stores/search';
 
+import SearchForm from '../SearchForm';
+
 import SearchOptionModal from './SearchOptionModal';
 import SortControl from './SortControl';
-import SearchForm from '../SearchForm';
 
 type Props = {
   isSearchServiceReachable: boolean,
@@ -165,5 +167,6 @@ const SearchControl: FC <Props> = React.memo((props: Props) => {
   );
 });
 
+SearchControl.displayName = 'SearchControl';
 
 export default SearchControl;

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

@@ -1,10 +1,11 @@
 import React, { FC, memo } from 'react';
+
 import { useTranslation } from 'next-i18next';
 
-import { useSWRxV5MigrationStatus } from '~/stores/page-listing';
 import {
   useCurrentPagePath, useCurrentPageId, useTargetAndAncestors, useIsGuestUser, useNotFoundTargetPathOrId,
 } from '~/stores/context';
+import { useSWRxV5MigrationStatus } from '~/stores/page-listing';
 
 import ItemsTree from './PageTree/ItemsTree';
 import { PrivateLegacyPagesLink } from './PageTree/PrivateLegacyPagesLink';
@@ -83,4 +84,6 @@ const PageTree: FC = memo(() => {
   );
 });
 
+PageTree.displayName = 'PageTree';
+
 export default PageTree;

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

@@ -11,3 +11,5 @@ export const PrivateLegacyPagesLink: FC = memo(() => {
     </a>
   );
 });
+
+PrivateLegacyPagesLink.displayName = 'PrivateLegacyPagesLink';