introduce biome instead of prettier and eslint.

src/common/DynamicPortal.tsx

@@ -1,5 +1,4 @@
 import React from 'react';
-
 import ReactDOM from 'react-dom';
 import invariant from 'tiny-invariant';
 
@@ -21,8 +20,7 @@ const DynamicPortal: React.FC<DynamicPortalProps> = (props) => {
         el.parentNode.removeChild(el);
       }
     };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
+  }, [el]);
   return ReactDOM.createPortal(children, el);
 };
 export default DynamicPortal;

src/common/ErrorFallback.tsx

@@ -1,5 +1,5 @@
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
 import React from 'react';
-
 import KintonePluginAlert from './ui/KintonePluginAlert';
 
 interface Props {

src/common/Loading.tsx

@@ -1,5 +1,5 @@
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
 import React from 'react';
-
 import DynamicPortal from './DynamicPortal';
 
 import styles from './Loading.module.css';

src/common/kintoneLanguageDetector.ts

@@ -1,4 +1,4 @@
-import { LanguageDetectorModule } from 'i18next';
+import type { LanguageDetectorModule } from 'i18next';
 
 const KintoneLanguageDetector: LanguageDetectorModule = {
   type: 'languageDetector',

src/common/types.ts

@@ -1,4 +1,4 @@
-import { KintoneFormFieldProperty } from '@kintone/rest-api-client';
+import type { KintoneFormFieldProperty } from '@kintone/rest-api-client';
 
 export type KintoneFormFieldProperties = {
   [fieldCode: string]: KintoneFormFieldProperty.OneOf;

src/common/ui/KintonePluginAlert.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import clsx from 'clsx';
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
+import React from 'react';
 
 export type KintonePluginAlertProps = React.PropsWithChildren<{
   className?: string;

src/common/ui/KintonePluginButton.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import clsx from 'clsx';
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
+import React from 'react';
 
 export type KintonePluginButtonProps = React.PropsWithChildren<{
   className?: string;

src/common/ui/KintonePluginDesc.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import clsx from 'clsx';
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
+import React from 'react';
 
 export type KintonePluginDescProps = React.PropsWithChildren<{
   className?: string;

src/common/ui/KintonePluginLabel.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import clsx from 'clsx';
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
+import React from 'react';
 
 export type KintonePluginLabelProps = React.PropsWithChildren<{
   className?: string;

src/common/ui/KintonePluginRequire.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import clsx from 'clsx';
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
+import React from 'react';
 
 export type KintonePluginRequire = React.PropsWithChildren<{
   className?: string;

src/common/ui/KintonePluginRow.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
-
 import clsx from 'clsx';
+// biome-ignore lint/style/useImportType: React is required in scope for the old JSX transform.
+import React from 'react';
 
 export type KintonePluginRowProps = React.PropsWithChildren<{
   className?: string;

src/common/ui/KintonePluginSelect.tsx

@@ -1,6 +1,5 @@
-import React from 'react';
-
 import clsx from 'clsx';
+import React from 'react';
 
 export type KintonePluginSelectOptionData = {
   value: string;

src/common/ui/KintonePluginTitle.tsx

@@ -1,6 +1,5 @@
-import React from 'react';
-
 import clsx from 'clsx';
+import type React from 'react';
 
 export type KintonePluginTitleProps = React.PropsWithChildren<{
   className?: string;