fix lint errors

packages/app/config/webpack.common.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * @author: Yuki Takei <yuki@weseek.co.jp>
  */

packages/app/config/webpack.dev.dll.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * @author: Yuki Takei <yuki@weseek.co.jp>
  */

packages/app/config/webpack.dev.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * @author: Yuki Takei <yuki@weseek.co.jp>
  */

packages/app/config/webpack.prod.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 /**
  * @author: Yuki Takei <yuki@weseek.co.jp>
  */

packages/app/src/client/services/ContextExtractor.tsx

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import React, { FC, useEffect, useState } from 'react';
 
 import { pagePathUtils } from '@growi/core';

packages/app/src/client/util/i18n.js

@@ -1,3 +1,4 @@
+/* eslint-disable */
 import i18n from 'i18next';
 import LanguageDetector from 'i18next-browser-languagedetector';
 import { initReactI18next } from 'react-i18next';

packages/app/src/components/Admin/ElasticsearchManagement/ElasticsearchManagement.jsx

@@ -39,7 +39,7 @@ class ElasticsearchManagement extends React.Component {
     this.rebuildIndices = this.rebuildIndices.bind(this);
   }
 
-  async componentWillMount() {
+  async UNSAFE_UNSAFE_componentWillMount() {
     this.retrieveIndicesStatus();
   }
 

packages/app/src/components/Admin/ExportArchiveDataPage.jsx

@@ -44,7 +44,7 @@ class ExportArchiveDataPage extends React.Component {
     this.exportingRequestedHandler = this.exportingRequestedHandler.bind(this);
   }
 
-  async componentWillMount() {
+  async UNSAFE_UNSAFE_componentWillMount() {
     // TODO:: use apiv3.get
     // eslint-disable-next-line no-unused-vars
     const [{ collections }, { status }] = await Promise.all([

packages/app/src/components/Admin/FullTextSearchManagement.tsx

@@ -1,14 +1,10 @@
-import React, { FC } from 'react';
+import React from 'react';
 
 import { useTranslation } from 'react-i18next';
 
 import ElasticsearchManagement from './ElasticsearchManagement/ElasticsearchManagement';
 
-type Props = {
-
-};
-
-const FullTextSearchManagement: FC<Props> = () => {
+const FullTextSearchManagement = (): JSX.Element => {
   const { t } = useTranslation();
 
   return (

packages/app/src/components/Admin/ImportData/GrowiArchive/ImportForm.jsx

@@ -94,7 +94,7 @@ class ImportForm extends React.Component {
     return Object.keys(this.state.collectionNameToFileNameMap);
   }
 
-  componentWillMount() {
+  UNSAFE_UNSAFE_componentWillMount() {
     this.setupWebsocketEventHandler();
   }
 

packages/app/src/components/Admin/ImportData/GrowiArchiveSection.jsx

@@ -31,7 +31,7 @@ class GrowiArchiveSection extends React.Component {
     this.renderDefferentVersionAlert = this.renderDefferentVersionAlert.bind(this);
   }
 
-  async componentWillMount() {
+  async UNSAFE_UNSAFE_componentWillMount() {
     // get uploaded file status
     const res = await apiv3Get('/import/status');
 

packages/app/src/components/Admin/ManageExternalAccount.jsx

@@ -21,7 +21,7 @@ class ManageExternalAccount extends React.Component {
     this.handleExternalAccountPage = this.handleExternalAccountPage.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_UNSAFE_componentWillMount() {
     this.handleExternalAccountPage(1);
   }
 

packages/app/src/components/Admin/MarkdownSetting/MarkDownSettingContents.tsx

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React from 'react';
 
 import { useTranslation } from 'react-i18next';
 import { Card, CardBody } from 'reactstrap';
@@ -8,12 +8,7 @@ import LineBreakForm from './LineBreakForm';
 import PresentationForm from './PresentationForm';
 import XssForm from './XssForm';
 
-type Props = {
-
-};
-
-
-const MarkDownSettingContents: FC<Props> = () => {
+const MarkDownSettingContents = React.memo((): JSX.Element => {
   const { t } = useTranslation();
 
   return (
@@ -47,6 +42,7 @@ const MarkDownSettingContents: FC<Props> = () => {
       <XssForm />
     </div>
   );
-};
+});
+MarkDownSettingContents.displayName = 'MarkDownSettingContents';
 
 export default MarkDownSettingContents;

packages/app/src/components/Admin/Security/ShareLinkSetting.jsx

@@ -55,7 +55,7 @@ class ShareLinkSetting extends React.Component {
     this.switchDisableLinkSharing = this.switchDisableLinkSharing.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_UNSAFE_componentWillMount() {
     this.getShareLinkList(1);
   }
 

packages/app/src/components/Admin/UserManagement.jsx

@@ -27,7 +27,7 @@ class UserManagement extends React.Component {
     this.handleChangeSearchText = this.handleChangeSearchText.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.handlePage(1);
   }
 

packages/app/src/components/InstallerForm.jsx

@@ -22,7 +22,7 @@ class InstallerForm extends React.Component {
     this.submitHandler = this.submitHandler.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const meta = localeMetadatas.find(v => v.id === i18next.language);
     if (meta == null) {
       return this.setState({ selectedLang: localeMetadatas[0] });

packages/app/src/components/MyDraftList/MyDraftList.jsx

@@ -32,7 +32,7 @@ class MyDraftList extends React.Component {
     this.clearAllDrafts = this.clearAllDrafts.bind(this);
   }
 
-  async componentWillMount() {
+  async UNSAFE_componentWillMount() {
     await this.getDraftsFromLocalStorage();
     this.getCurrentDrafts(1);
   }

packages/app/src/components/Page/RevisionLoader.jsx

@@ -31,7 +31,7 @@ class RevisionLoader extends React.Component {
     this.onWaypointChange = this.onWaypointChange.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     if (!this.props.lazy) {
       this.loadData();
     }

packages/app/src/components/PageComment/DeleteCommentModal.jsx

@@ -17,7 +17,7 @@ export default class DeleteCommentModal extends React.Component {
    */
   static get OMIT_BODY_THRES() { return 400 }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
   }
 
   render() {

packages/app/src/components/PageEditorByHackmd.jsx

@@ -43,7 +43,7 @@ class PageEditorByHackmd extends React.Component {
     this.penpalErrorOccuredHandler = this.penpalErrorOccuredHandler.bind(this);
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.props.appContainer.registerComponentInstance('PageEditorByHackmd', this);
   }
 

packages/app/src/components/PageTimeline.jsx

@@ -47,7 +47,7 @@ class PageTimeline extends React.Component {
     });
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const { appContainer } = this.props;
     // initialize GrowiRenderer
     this.growiRenderer = appContainer.getRenderer('timeline');

packages/app/src/components/RecentCreated/RecentCreated.jsx

@@ -23,7 +23,7 @@ class RecentCreated extends React.Component {
   }
 
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.getRecentCreatedList(1);
   }
 

packages/plugin-attachment-refs/src/client/js/components/AttachmentList.jsx

@@ -32,7 +32,7 @@ export default class AttachmentList extends React.Component {
     this.tagCacheManager = TagCacheManagerFactory.getInstance();
   }
 
-  async componentWillMount() {
+  async UNSAFE_componentWillMount() {
     const { refsContext } = this.props;
 
     // get state object cache

packages/plugin-lsx/src/client/js/components/LsxPageList/LsxPage.jsx

@@ -21,7 +21,7 @@ export class LsxPage extends React.Component {
     };
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     const pageNode = this.props.pageNode;
 
     if (pageNode.page !== undefined) {