1 год назад · c6cdf48219
--- a/.github/workflows/reusable-app-prod.yml
+++ b/.github/workflows/reusable-app-prod.yml
@@ -266,7 +266,7 @@ jobs:
 
				       if: always()
			
 
				       uses: actions/upload-artifact@v4
			
 
				       with:
			
 
				-        name: blob-report-${{ matrix.shard }}
			
 
				+        name: blob-report-${{ matrix.browser }}-${{ matrix.shard }}
			
 
				         path: blob-report
			
 
				         retention-days: 30
			
 
				 
			
@@ -302,10 +302,21 @@ jobs:
 
				       run: |
			
 
				         pnpm install --frozen-lockfile
			
 
				 
			
 
				+    - name: Download blob reports
			
 
				+      uses: actions/download-artifact@v4
			
 
				+      with:
			
 
				+        pattern: blob-report-*
			
 
				+        path: all-blob-reports
			
 
				+        merge-multiple: true
			
 
				+
			
 
				     - name: Merge into HTML Report
			
 
				       run: |
			
 
				-        mkdir -p all-blob-reports
			
 
				-        pnpm playwright merge-reports --reporter html ./all-blob-reports
			
 
				+        mkdir -p playwright-report
			
 
				+        if [ -z "$(ls all-blob-reports/*.zip all-blob-reports/*.blob 2>/dev/null || true)" ]; then
			
 
				+          echo "<html><body><h1>No test results available</h1><p>This could be because tests were skipped or all artifacts were not available.</p></body></html>" > playwright-report/index.html
			
 
				+        else
			
 
				+          pnpm playwright merge-reports --reporter html all-blob-reports
			
 
				+        fi
			
 
				 
			
 
				     - name: Upload HTML report
			
 
				       uses: actions/upload-artifact@v4
			
--- a/apps/app/bin/swagger-jsdoc/definition-apiv3.js
+++ b/apps/app/bin/swagger-jsdoc/definition-apiv3.js
@@ -44,10 +44,11 @@ module.exports = {
 
				         'BookmarkFolders',
			
 
				         'Page',
			
 
				         'Pages',
			
 
				+        'PageListing',
			
 
				         'Revisions',
			
 
				         'ShareLinks',
			
 
				         'Users',
			
 
				-        '',
			
 
				+        'UserUISettings',
			
 
				         '',
			
 
				       ],
			
 
				     },
			
@@ -68,6 +69,7 @@ module.exports = {
 
				       name: 'System Management API',
			
 
				       tags: [
			
 
				         'Home',
			
 
				+        'Activity',
			
 
				         'AdminHome',
			
 
				         'AppSettings',
			
 
				         'ExternalUserGroups',
			
@@ -79,12 +81,17 @@ module.exports = {
 
				         'GROWI to GROWI Transfer',
			
 
				         'MongoDB',
			
 
				         'NotificationSetting',
			
 
				+        'Plugins',
			
 
				+        'Questionnaire',
			
 
				         'QuestionnaireSetting',
			
 
				+        'SlackIntegration',
			
 
				         'SlackIntegrationSettings',
			
 
				         'SlackIntegrationSettings (with proxy)',
			
 
				         'SlackIntegrationSettings (without proxy)',
			
 
				         'SlackIntegrationLegacySetting',
			
 
				         'ShareLink Management',
			
 
				+        'Templates',
			
 
				+        'Staff',
			
 
				         'UserGroupRelations',
			
 
				         'UserGroups',
			
 
				         'Users Management',
			
--- a/apps/app/bin/swagger-jsdoc/generate-spec-apiv3.sh
+++ b/apps/app/bin/swagger-jsdoc/generate-spec-apiv3.sh
@@ -11,5 +11,9 @@ swagger-jsdoc \
 
				   -o "${OUT}" \
			
 
				   -d "${APP_PATH}/bin/swagger-jsdoc/definition-apiv3.js" \
			
 
				   "${APP_PATH}/src/features/external-user-group/server/routes/apiv3/*.ts" \
			
 
				+  "${APP_PATH}/src/features/questionnaire/server/routes/apiv3/*.ts" \
			
 
				+  "${APP_PATH}/src/features/templates/server/routes/apiv3/*.ts" \
			
 
				+  "${APP_PATH}/src/features/growi-plugin/server/routes/apiv3/**/*.ts" \
			
 
				   "${APP_PATH}/src/server/routes/apiv3/**/*.{js,ts}" \
			
 
				+  "${APP_PATH}/src/server/routes/login.js" \
			
 
				   "${APP_PATH}/src/server/models/openapi/**/*.{js,ts}"
			
--- a/apps/app/package.json
+++ b/apps/app/package.json
@@ -168,7 +168,7 @@
 
				     "multer": "~1.4.0",
			
 
				     "multer-autoreap": "^1.0.3",
			
 
				     "mustache": "^4.2.0",
			
 
				-    "next": "^14.2.25",
			
 
				+    "next": "^14.2.26",
			
 
				     "next-dynamic-loading-props": "^0.1.1",
			
 
				     "next-i18next": "^15.3.1",
			
 
				     "next-superjson": "^0.0.4",
			
@@ -228,7 +228,7 @@
 
				     "string-width": "=4.2.2",
			
 
				     "superjson": "^1.9.1",
			
 
				     "swagger-jsdoc": "^6.2.8",
			
 
				-    "swr": "^2.2.2",
			
 
				+    "swr": "^2.3.2",
			
 
				     "throttle-debounce": "^5.0.0",
			
 
				     "ts-deepmerge": "^6.2.0",
			
 
				     "tslib": "^2.8.0",
			
--- a/apps/app/src/client/components/Admin/AdminHome/EnvVarsTable.tsx
+++ b/apps/app/src/client/components/Admin/AdminHome/EnvVarsTable.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 type EnvVarsTableProps = {
			
 
				   envVars: Record<string, string | number | boolean>,
			
--- a/apps/app/src/client/components/Admin/App/AwsSetting.tsx
+++ b/apps/app/src/client/components/Admin/App/AwsSetting.tsx
@@ -1,5 +1,8 @@
 
				+import type { JSX } from 'react';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
 
				+
			
 
				 export type AwsSettingMoleculeProps = {
			
 
				   s3ReferenceFileWithRelayMode
			
 
				   s3Region
			
--- a/apps/app/src/client/components/Admin/App/AzureSetting.tsx
+++ b/apps/app/src/client/components/Admin/App/AzureSetting.tsx
@@ -1,7 +1,10 @@
 
				+import type { JSX } from 'react';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
 
				 import MaskedInput from './MaskedInput';
			
 
				 
			
 
				+
			
 
				 export type AzureSettingMoleculeProps = {
			
 
				   azureReferenceFileWithRelayMode
			
 
				   azureUseOnlyEnvVars
			
--- a/apps/app/src/client/components/Admin/App/FileUploadSetting.tsx
+++ b/apps/app/src/client/components/Admin/App/FileUploadSetting.tsx
@@ -1,4 +1,4 @@
 
				-import type { ChangeEvent } from 'react';
			
 
				+import type { ChangeEvent, JSX } from 'react';
			
 
				 import React, { useCallback } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/App/GcsSetting.tsx
+++ b/apps/app/src/client/components/Admin/App/GcsSetting.tsx
@@ -1,5 +1,8 @@
 
				+import type { JSX } from 'react';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
 
				+
			
 
				 export type GcsSettingMoleculeProps = {
			
 
				   gcsReferenceFileWithRelayMode
			
 
				   gcsUseOnlyEnvVars
			
--- a/apps/app/src/client/components/Admin/App/MaskedInput.tsx
+++ b/apps/app/src/client/components/Admin/App/MaskedInput.tsx
@@ -1,4 +1,4 @@
 
				-import { useState } from 'react';
			
 
				+import { useState, type JSX } from 'react';
			
 
				 
			
 
				 import styles from './MaskedInput.module.scss';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/App/PageBulkExportSettings.tsx
+++ b/apps/app/src/client/components/Admin/App/PageBulkExportSettings.tsx
@@ -1,5 +1,5 @@
 
				 import {
			
 
				-  useState, useCallback, useEffect,
			
 
				+  useState, useCallback, useEffect, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
--- a/apps/app/src/client/components/Admin/App/QuestionnaireSettings.tsx
+++ b/apps/app/src/client/components/Admin/App/QuestionnaireSettings.tsx
@@ -1,5 +1,5 @@
 
				 import {
			
 
				-  useState, useCallback, useEffect,
			
 
				+  useState, useCallback, useEffect, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
--- a/apps/app/src/client/components/Admin/Common/AdminInstallButtonRow.tsx
+++ b/apps/app/src/client/components/Admin/Common/AdminInstallButtonRow.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 type Props = {
			
 
				   onClick: () => void,
			
--- a/apps/app/src/client/components/Admin/Common/AdminUpdateButtonRow.tsx
+++ b/apps/app/src/client/components/Admin/Common/AdminUpdateButtonRow.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/Common/LabeledProgressBar.tsx
+++ b/apps/app/src/client/components/Admin/Common/LabeledProgressBar.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { Progress } from 'reactstrap';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeCssSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeCssSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { Card, CardBody } from 'reactstrap';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeFunctionOption.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeFunctionOption.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 type Props = {
			
 
				   optionId: string
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeFunctionSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeFunctionSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { Card, CardBody } from 'reactstrap';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeLayoutSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeLayoutSetting.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useCallback, useEffect, useState,
			
 
				+  useCallback, useEffect, useState, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeLogoSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeLogoSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback, useState } from 'react';
			
 
				+import React, { useCallback, useState, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'react-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeNoscriptSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeNoscriptSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { PrismAsyncLight } from 'react-syntax-highlighter';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizePresentationSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizePresentationSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeScriptSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeScriptSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { PrismAsyncLight } from 'react-syntax-highlighter';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeSidebarSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeSidebarSetting.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeThemeOptions.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeThemeOptions.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useMemo } from 'react';
			
 
				+import React, { useMemo, type JSX } from 'react';
			
 
				 
			
 
				 import { type GrowiThemeMetadata, GrowiThemeSchemeType } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Customize/CustomizeThemeSetting.tsx
+++ b/apps/app/src/client/components/Admin/Customize/CustomizeThemeSetting.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useCallback, useEffect, useState } from 'react';
			
 
				+import React, {
			
 
				+  useCallback, useEffect, useState, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { PresetThemes, PresetThemesMetadatas } from '@growi/preset-themes';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Customize/ThemeColorBox.tsx
+++ b/apps/app/src/client/components/Admin/Customize/ThemeColorBox.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import type { GrowiThemeMetadata } from '@growi/core';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/ElasticsearchManagement/NormalizeIndicesControls.tsx
+++ b/apps/app/src/client/components/Admin/ElasticsearchManagement/NormalizeIndicesControls.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/ElasticsearchManagement/ReconnectControls.tsx
+++ b/apps/app/src/client/components/Admin/ElasticsearchManagement/ReconnectControls.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/ExportArchiveData/ArchiveFilesTable.tsx
+++ b/apps/app/src/client/components/Admin/ExportArchiveData/ArchiveFilesTable.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { format } from 'date-fns/format';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/ExportArchiveData/ArchiveFilesTableMenu.tsx
+++ b/apps/app/src/client/components/Admin/ExportArchiveData/ArchiveFilesTableMenu.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/ExportArchiveData/SelectCollectionsModal.tsx
+++ b/apps/app/src/client/components/Admin/ExportArchiveData/SelectCollectionsModal.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useCallback, useState, useEffect } from 'react';
			
 
				+import React, {
			
 
				+  useCallback, useState, useEffect, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import {
			
--- a/apps/app/src/client/components/Admin/ExportArchiveDataPage.tsx
+++ b/apps/app/src/client/components/Admin/ExportArchiveDataPage.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useCallback, useEffect, useState } from 'react';
			
 
				+import React, {
			
 
				+  useCallback, useEffect, useState, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'react-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/ForbiddenPage.tsx
+++ b/apps/app/src/client/components/Admin/ForbiddenPage.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import DefaultErrorPage from 'next/error';
			
 
				 import { useTranslation } from 'react-i18next';
			
--- a/apps/app/src/client/components/Admin/FullTextSearchManagement.tsx
+++ b/apps/app/src/client/components/Admin/FullTextSearchManagement.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/G2GDataTransfer.tsx
+++ b/apps/app/src/client/components/Admin/G2GDataTransfer.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useCallback, useEffect, useState,
			
 
				+  useCallback, useEffect, useState, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/G2GDataTransferExportForm.tsx
+++ b/apps/app/src/client/components/Admin/G2GDataTransferExportForm.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useState, useEffect, useCallback, useMemo,
			
 
				+  useState, useEffect, useCallback, useMemo, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/G2GDataTransferStatusIcon.tsx
+++ b/apps/app/src/client/components/Admin/G2GDataTransferStatusIcon.tsx
@@ -1,4 +1,4 @@
 
				-import React, { type ComponentPropsWithoutRef } from 'react';
			
 
				+import React, { type ComponentPropsWithoutRef, type JSX } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/ImportData/GrowiArchive/ErrorViewer.tsx
+++ b/apps/app/src/client/components/Admin/ImportData/GrowiArchive/ErrorViewer.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { Modal, ModalHeader, ModalBody } from 'reactstrap';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/ManageExternalAccount.tsx
+++ b/apps/app/src/client/components/Admin/ManageExternalAccount.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback, useEffect } from 'react';
			
 
				+import React, { useCallback, useEffect, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import Link from 'next/link';
			
--- a/apps/app/src/client/components/Admin/MarkdownSetting/MarkDownSettingContents.tsx
+++ b/apps/app/src/client/components/Admin/MarkdownSetting/MarkDownSettingContents.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useEffect } from 'react';
			
 
				+import React, { useEffect, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { Card, CardBody } from 'reactstrap';
			
--- a/apps/app/src/client/components/Admin/MarkdownSetting/WhitelistInput.tsx
+++ b/apps/app/src/client/components/Admin/MarkdownSetting/WhitelistInput.tsx
@@ -1,4 +1,4 @@
 
				-import { useCallback, useRef } from 'react';
			
 
				+import { useCallback, useRef, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/NotFoundPage.tsx
+++ b/apps/app/src/client/components/Admin/NotFoundPage.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/Notification/ManageGlobalNotification.tsx
+++ b/apps/app/src/client/components/Admin/Notification/ManageGlobalNotification.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useCallback, useMemo, useEffect, useState,
			
 
				+  useCallback, useMemo, useEffect, useState, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Notification/NotificationTypeIcon.tsx
+++ b/apps/app/src/client/components/Admin/Notification/NotificationTypeIcon.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { UncontrolledTooltip } from 'reactstrap';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/Security/LdapAuthTest.tsx
+++ b/apps/app/src/client/components/Admin/Security/LdapAuthTest.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useState } from 'react';
			
 
				+import React, { useState, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/BotTypeCard.tsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/BotTypeCard.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { SlackbotType } from '@growi/slack';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/Bridge.tsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/Bridge.tsx
@@ -1,7 +1,10 @@
 
				 
			
 
				+import type { JSX } from 'react';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { UncontrolledTooltip } from 'reactstrap';
			
 
				 
			
 
				+
			
 
				 const ProxyCircle = () => (
			
 
				   <div className="grw-bridge-proxy-circle position-relative">
			
 
				     <div className="circle position-absolute m-auto z-1 bg-primary border-light rounded-circle">
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/CustomBotWithProxyConnectionStatus.tsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/CustomBotWithProxyConnectionStatus.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import type { ConnectionStatus } from '@growi/slack';
			
 
				 import Image from 'next/image';
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/CustomBotWithoutProxyConnectionStatus.tsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/CustomBotWithoutProxyConnectionStatus.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import type { ConnectionStatus } from '@growi/slack';
			
 
				 import Image from 'next/image';
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/MessageBasedOnConnection.jsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/MessageBasedOnConnection.jsx
@@ -1,6 +1,7 @@
 
				 import React from 'react';
			
 
				-import PropTypes from 'prop-types';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				+import PropTypes from 'prop-types';
			
 
				 
			
 
				 
			
 
				 const MessageBasedOnConnection = (props) => {
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/SlackAppIntegrationControl.tsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/SlackAppIntegrationControl.tsx
@@ -1,6 +1,9 @@
 
				 
			
 
				+import type { JSX } from 'react';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
 
				+
			
 
				 type Props = {
			
 
				   slackAppIntegration: {
			
 
				     _id: string,
			
--- a/apps/app/src/client/components/Admin/SlackIntegration/SlackIntegration.tsx
+++ b/apps/app/src/client/components/Admin/SlackIntegration/SlackIntegration.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useState, useEffect, useCallback } from 'react';
			
 
				+import React, {
			
 
				+  useState, useEffect, useCallback, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { SlackbotType } from '@growi/slack';
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
--- a/apps/app/src/client/components/Admin/UserGroup/UserGroupDropdown.tsx
+++ b/apps/app/src/client/components/Admin/UserGroup/UserGroupDropdown.tsx
@@ -1,4 +1,5 @@
 
				-import React, { FC, useCallback } from 'react';
			
 
				+import type { FC } from 'react';
			
 
				+import React, { useCallback } from 'react';
			
 
				 
			
 
				 import type { IUserGroupHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/UserGroup/UserGroupTable.tsx
+++ b/apps/app/src/client/components/Admin/UserGroup/UserGroupTable.tsx
@@ -1,4 +1,4 @@
 
				-import type { FC } from 'react';
			
 
				+import type { FC, JSX } from 'react';
			
 
				 import React, { useState, useEffect } from 'react';
			
 
				 
			
 
				 import type { IUserGroupHasId, IUserGroupRelation, IUserHasId } from '@growi/core';
			
--- a/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupDetailPage.tsx
+++ b/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupDetailPage.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useState, useCallback, useEffect,
			
 
				+  useState, useCallback, useEffect, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import {
			
--- a/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupPageList.tsx
+++ b/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupPageList.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useEffect, useState, useCallback } from 'react';
			
 
				+import React, {
			
 
				+  useEffect, useState, useCallback, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import type { IPageHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupUserModal.tsx
+++ b/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupUserModal.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserGroupHasId, IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupUserTable.tsx
+++ b/apps/app/src/client/components/Admin/UserGroupDetail/UserGroupUserTable.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { UserPicture } from '@growi/ui/dist/components';
			
 
				 import { format as dateFnsFormat } from 'date-fns/format';
			
--- a/apps/app/src/client/components/Admin/Users/ExternalAccountTable.tsx
+++ b/apps/app/src/client/components/Admin/Users/ExternalAccountTable.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IAdminExternalAccount } from '@growi/core';
			
 
				 import { format as dateFnsFormat } from 'date-fns/format';
			
--- a/apps/app/src/client/components/Admin/Users/GrantAdminButton.tsx
+++ b/apps/app/src/client/components/Admin/Users/GrantAdminButton.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Users/GrantReadOnlyButton.tsx
+++ b/apps/app/src/client/components/Admin/Users/GrantReadOnlyButton.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Users/RevokeAdminButton.tsx
+++ b/apps/app/src/client/components/Admin/Users/RevokeAdminButton.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Users/RevokeAdminMenuItem.tsx
+++ b/apps/app/src/client/components/Admin/Users/RevokeAdminMenuItem.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Users/RevokeReadOnlyMenuItem.tsx
+++ b/apps/app/src/client/components/Admin/Users/RevokeReadOnlyMenuItem.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/Admin/Users/SortIcons.tsx
+++ b/apps/app/src/client/components/Admin/Users/SortIcons.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 type SortIconsProps = {
			
 
				   onClick: (sortOrder: string) => void,
			
--- a/apps/app/src/client/components/Admin/Users/StatusSuspendMenuItem.tsx
+++ b/apps/app/src/client/components/Admin/Users/StatusSuspendMenuItem.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/AlertSiteUrlUndefined.tsx
+++ b/apps/app/src/client/components/AlertSiteUrlUndefined.tsx
@@ -1,3 +1,5 @@
 
				+import type { JSX } from 'react';
			
 
				+
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
 
				 import { useSiteUrl } from '~/stores-universal/context';
			
--- a/apps/app/src/client/components/AuthorInfo/AuthorInfo.tsx
+++ b/apps/app/src/client/components/AuthorInfo/AuthorInfo.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import type { IUserHasId } from '@growi/core';
			
 
				 import { isPopulated, type IUser, type Ref } from '@growi/core';
			
--- a/apps/app/src/client/components/Bookmarks/BookmarkFolderItemControl.tsx
+++ b/apps/app/src/client/components/Bookmarks/BookmarkFolderItemControl.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useState } from 'react';
			
 
				+import React, { useState, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import {
			
--- a/apps/app/src/client/components/Bookmarks/BookmarkFolderMenu.tsx
+++ b/apps/app/src/client/components/Bookmarks/BookmarkFolderMenu.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useCallback, useMemo, useState } from 'react';
			
 
				+import React, {
			
 
				+  useCallback, useMemo, useState, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { DropdownItem, DropdownMenu, UncontrolledDropdown } from 'reactstrap';
			
--- a/apps/app/src/client/components/Bookmarks/BookmarkFolderNameInput.tsx
+++ b/apps/app/src/client/components/Bookmarks/BookmarkFolderNameInput.tsx
@@ -1,4 +1,4 @@
 
				-import type { ChangeEvent } from 'react';
			
 
				+import type { ChangeEvent, JSX } from 'react';
			
 
				 import { useCallback, useRef, useState } from 'react';
			
 
				 
			
 
				 import { useRect } from '@growi/ui/dist/utils';
			
--- a/apps/app/src/client/components/Bookmarks/BookmarkItem.tsx
+++ b/apps/app/src/client/components/Bookmarks/BookmarkItem.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback, useState } from 'react';
			
 
				+import React, { useCallback, useState, type JSX } from 'react';
			
 
				 
			
 
				 import nodePath from 'path';
			
 
				 
			
--- a/apps/app/src/client/components/Bookmarks/BookmarkItemRenameInput.tsx
+++ b/apps/app/src/client/components/Bookmarks/BookmarkItemRenameInput.tsx
@@ -1,4 +1,4 @@
 
				-import type { ChangeEvent } from 'react';
			
 
				+import type { ChangeEvent, JSX } from 'react';
			
 
				 import { useCallback, useRef, useState } from 'react';
			
 
				 
			
 
				 import { useRect } from '@growi/ui/dist/utils';
			
--- a/apps/app/src/client/components/Bookmarks/DragAndDropWrapper.tsx
+++ b/apps/app/src/client/components/Bookmarks/DragAndDropWrapper.tsx
@@ -1,4 +1,4 @@
 
				-import type { ReactNode } from 'react';
			
 
				+import type { ReactNode, JSX } from 'react';
			
 
				 
			
 
				 import { useDrag, useDrop } from 'react-dnd';
			
 
				 
			
--- a/apps/app/src/client/components/Comments.tsx
+++ b/apps/app/src/client/components/Comments.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useEffect, useMemo, useRef } from 'react';
			
 
				+import React, {
			
 
				+  useEffect, useMemo, useRef, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import type { IRevisionHasId } from '@growi/core';
			
 
				 import { pagePathUtils } from '@growi/core/dist/utils';
			
--- a/apps/app/src/client/components/Common/DrawerToggler/DrawerToggler.tsx
+++ b/apps/app/src/client/components/Common/DrawerToggler/DrawerToggler.tsx
@@ -1,4 +1,4 @@
 
				-import { type ReactNode } from 'react';
			
 
				+import { type ReactNode, type JSX } from 'react';
			
 
				 
			
 
				 import { useDrawerOpened } from '~/stores/ui';
			
 
				 
			
--- a/apps/app/src/client/components/Common/Dropdown/PageItemControl.tsx
+++ b/apps/app/src/client/components/Common/Dropdown/PageItemControl.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useState, useCallback, useEffect,
			
 
				+  useState, useCallback, useEffect, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import {
			
--- a/apps/app/src/client/components/Common/LazyRenderer.tsx
+++ b/apps/app/src/client/components/Common/LazyRenderer.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useEffect, useState } from 'react';
			
 
				+import React, { useEffect, useState, type JSX } from 'react';
			
 
				 
			
 
				 type Props = {
			
 
				   shouldRender: boolean | (() => boolean),
			
--- a/apps/app/src/client/components/ContentLinkButtons.tsx
+++ b/apps/app/src/client/components/ContentLinkButtons.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { USER_STATUS, type IUserHasId } from '@growi/core';
			
 
				 import { useTranslation } from 'next-i18next';
			
--- a/apps/app/src/client/components/CustomNavigation/CustomNav.tsx
+++ b/apps/app/src/client/components/CustomNavigation/CustomNav.tsx
@@ -1,5 +1,5 @@
 
				 import React, {
			
 
				-  useEffect, useState, useRef, useMemo, useCallback,
			
 
				+  useEffect, useState, useRef, useMemo, useCallback, type JSX,
			
 
				 } from 'react';
			
 
				 
			
 
				 import type { Breakpoint } from '@growi/ui/dist/interfaces';
			
--- a/apps/app/src/client/components/CustomNavigation/CustomNavAndContents.tsx
+++ b/apps/app/src/client/components/CustomNavigation/CustomNavAndContents.tsx
@@ -1,4 +1,5 @@
 
				-import React, { ReactNode, useState } from 'react';
			
 
				+import type { ReactNode } from 'react';
			
 
				+import React, { useState, type JSX } from 'react';
			
 
				 
			
 
				 import CustomNav, { CustomNavTab, CustomNavDropdown } from './CustomNav';
			
 
				 import CustomTabContent from './CustomTabContent';
			
--- a/apps/app/src/client/components/CustomNavigation/CustomTabContent.tsx
+++ b/apps/app/src/client/components/CustomNavigation/CustomTabContent.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import {
			
 
				   TabContent, TabPane,
			
--- a/apps/app/src/client/components/DataTransferForm.tsx
+++ b/apps/app/src/client/components/DataTransferForm.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/DeleteBookmarkFolderModal.tsx
+++ b/apps/app/src/client/components/DeleteBookmarkFolderModal.tsx
@@ -7,9 +7,9 @@ import {
 
				   Modal, ModalBody, ModalFooter, ModalHeader,
			
 
				 } from 'reactstrap';
			
 
				 
			
 
				+import { FolderIcon } from '~/client/components/Icons/FolderIcon';
			
 
				 import { deleteBookmarkFolder } from '~/client/util/bookmark-utils';
			
 
				 import { toastError } from '~/client/util/toastr';
			
 
				-import { FolderIcon } from '~/client/components/Icons/FolderIcon';
			
 
				 import { useBookmarkFolderDeleteModal } from '~/stores/modal';
			
 
				 
			
 
				 
			
--- a/apps/app/src/client/components/DescendantsPageList.tsx
+++ b/apps/app/src/client/components/DescendantsPageList.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback, useState } from 'react';
			
 
				+import React, { useCallback, useState, type JSX } from 'react';
			
 
				 
			
 
				 import type {
			
 
				   IDataWithMeta,
			
--- a/apps/app/src/client/components/DescendantsPageListModal.tsx
+++ b/apps/app/src/client/components/DescendantsPageListModal.tsx
@@ -1,5 +1,7 @@
 
				 
			
 
				-import React, { useState, useMemo, useEffect } from 'react';
			
 
				+import React, {
			
 
				+  useState, useMemo, useEffect, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import dynamic from 'next/dynamic';
			
--- a/apps/app/src/client/components/EmptyTrashButton.tsx
+++ b/apps/app/src/client/components/EmptyTrashButton.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useCallback } from 'react';
			
 
				+import React, { useCallback, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/ForbiddenPage.tsx
+++ b/apps/app/src/client/components/ForbiddenPage.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 
			
--- a/apps/app/src/client/components/GrantedGroupsInheritanceSelectModal.tsx
+++ b/apps/app/src/client/components/GrantedGroupsInheritanceSelectModal.tsx
@@ -1,4 +1,4 @@
 
				-import { useState } from 'react';
			
 
				+import { useState, type JSX } from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'react-i18next';
			
 
				 import {
			
--- a/apps/app/src/client/components/Hotkeys/Subscribers/ShowShortcutsModal.tsx
+++ b/apps/app/src/client/components/Hotkeys/Subscribers/ShowShortcutsModal.tsx
@@ -1,4 +1,4 @@
 
				-import React, { useEffect } from 'react';
			
 
				+import React, { useEffect, type JSX } from 'react';
			
 
				 
			
 
				 import { useShortcutsModal } from '~/stores/modal';
			
 
				 
			
--- a/apps/app/src/client/components/Icons/FolderIcon.tsx
+++ b/apps/app/src/client/components/Icons/FolderIcon.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 type Props = {
			
 
				   isOpen: boolean
			
--- a/apps/app/src/client/components/Icons/RecentlyCreatedIcon.tsx
+++ b/apps/app/src/client/components/Icons/RecentlyCreatedIcon.tsx
@@ -1,4 +1,4 @@
 
				-import React from 'react';
			
 
				+import React, { type JSX } from 'react';
			
 
				 
			
 
				 export const RecentlyCreatedIcon = (): JSX.Element => (
			
 
				   <svg
			
--- a/apps/app/src/client/components/IdenticalPathPage.tsx
+++ b/apps/app/src/client/components/IdenticalPathPage.tsx
@@ -1,4 +1,4 @@
 
				-import type { FC } from 'react';
			
 
				+import type { FC, JSX } from 'react';
			
 
				 import React from 'react';
			
 
				 
			
 
				 import { DevidedPagePath } from '@growi/core/dist/models';
			
--- a/apps/app/src/client/components/InAppNotification/InAppNotificationDropdown.tsx
+++ b/apps/app/src/client/components/InAppNotification/InAppNotificationDropdown.tsx
@@ -1,4 +1,6 @@
 
				-import React, { useState, useEffect, useRef } from 'react';
			
 
				+import React, {
			
 
				+  useState, useEffect, useRef, type JSX,
			
 
				+} from 'react';
			
 
				 
			
 
				 import { useTranslation } from 'next-i18next';
			
 
				 import { useRipple } from 'react-use-ripple';
			
--- a/apps/app/src/client/components/InAppNotification/InAppNotificationElm.tsx
+++ b/apps/app/src/client/components/InAppNotification/InAppNotificationElm.tsx
@@ -1,4 +1,4 @@
 
				-import type { FC } from 'react';
			
 
				+import type { FC, JSX } from 'react';
			
 
				 import React from 'react';
			
 
				 
			
 
				 import type { HasObjectId } from '@growi/core';
			
--- a/apps/app/src/client/components/InAppNotification/ModelNotification/ModelNotification.tsx
+++ b/apps/app/src/client/components/InAppNotification/ModelNotification/ModelNotification.tsx
@@ -1,4 +1,4 @@
 
				-import type { FC } from 'react';
			
 
				+import type { FC, JSX } from 'react';
			
 
				 import React from 'react';
			
 
				 
			
 
				 import type { HasObjectId } from '@growi/core';
			
--- a/apps/app/src/client/components/InAppNotification/ModelNotification/PageBulkExportJobModelNotification.tsx
+++ b/apps/app/src/client/components/InAppNotification/ModelNotification/PageBulkExportJobModelNotification.tsx
@@ -33,7 +33,7 @@ export const usePageBulkExportJobModelNotification = (notification: IInAppNotifi
 
				 
			
 
				   notification.parsedSnapshot = pageBulkExportJobSerializers.parseSnapshot(notification.snapshot);
			
 
				 
			
 
				-  const getSubMsg = (): React.ReactElement => {
			
 
				+  const getSubMsg = (): JSX.Element => {
			
 
				     if (notification.action === SupportedAction.ACTION_PAGE_BULK_EXPORT_COMPLETED && notification.target == null) {
			
 
				       return <div className="text-danger"><small>{t('page_export.bulk_export_download_expired')}</small></div>;
			
 
				     }
			
--- a/apps/app/src/client/components/InfiniteScroll.tsx
+++ b/apps/app/src/client/components/InfiniteScroll.tsx
@@ -1,4 +1,4 @@
 
				-import type { Ref } from 'react';
			
 
				+import type { Ref, JSX } from 'react';
			
 
				 import React, { useEffect, useState } from 'react';
			
 
				 
			
 
				 import { LoadingSpinner } from '@growi/ui/dist/components';
			
@@ -30,7 +30,7 @@ const useIntersection = <E extends HTMLElement>(): [boolean, Ref<E>] => {
 
				   return [intersecting, (el) => { if (el != null) setElement(el); }];
			
 
				 };
			
 
				 
			
 
				-const LoadingIndicator = (): React.ReactElement => {
			
 
				+const LoadingIndicator = (): JSX.Element => {
			
 
				   return (
			
 
				     <div className="text-muted text-center">
			
 
				       <LoadingSpinner className="me-1 fs-3" />
			
--- a/apps/app/src/client/components/InstallerForm.tsx
+++ b/apps/app/src/client/components/InstallerForm.tsx
@@ -1,4 +1,4 @@
 
				-import type { FormEventHandler } from 'react';
			
 
				+import type { FormEventHandler, JSX } from 'react';
			
 
				 import { memo, useCallback, useState } from 'react';
			
 
				 
			
 
				 import { Lang, AllLang } from '@growi/core';