fix display eslint errors

packages/app/src/components/Navbar/GrowiContextualSubNavigation.tsx

@@ -1,7 +1,7 @@
 import React, { useState, useEffect, useCallback } from 'react';
 
-import PropTypes from 'prop-types';
 import { useTranslation } from 'next-i18next';
+import PropTypes from 'prop-types';
 import { DropdownItem } from 'reactstrap';
 
 import EditorContainer from '~/client/services/EditorContainer';
@@ -270,15 +270,15 @@ const GrowiContextualSubNavigation = (props) => {
 
     let additionalMenuItemsRenderer;
     if (revisionId != null) {
-      additionalMenuItemsRenderer = props => (
-        <AdditionalMenuItems
+      additionalMenuItemsRenderer = props => function additionalMenuItemsRenderer() {
+        return (<AdditionalMenuItems
           {...props}
           pageId={pageId}
           revisionId={revisionId}
           isLinkSharingDisabled={isLinkSharingDisabled}
           onClickTemplateMenuItem={templateMenuItemClickHandler}
-        />
-      );
+        />);
+      };
     }
     return (
       <>

packages/app/src/components/SuspenseUtils.jsx

@@ -6,16 +6,18 @@ import React, { Suspense } from 'react';
  * @param {object} Component A React.Component or functional component
  */
 export function withLoadingSppiner(Component) {
-  return (props => (
+  return (props => function getWithLoadingSpinner() {
+    return (
     // wrap with <Suspense></Suspense>
-    <Suspense
-      fallback={(
-        <div className="my-5 text-center">
-          <i className="fa fa-lg fa-spinner fa-pulse mx-auto text-muted"></i>
-        </div>
-      )}
-    >
-      <Component {...props} />
-    </Suspense>
-  ));
+      <Suspense
+        fallback={(
+          <div className="my-5 text-center">
+            <i className="fa fa-lg fa-spinner fa-pulse mx-auto text-muted"></i>
+          </div>
+        )}
+      >
+        <Component {...props} />
+      </Suspense>
+    );
+  });
 }