biome-ignore 当てていく

biome.json

@@ -7,13 +7,8 @@
     "enabled": true,
     "rules": {
       "recommended": true,
-      "correctness": {
-        "useExhaustiveDependencies": "off"
-      },
       "a11y": {
-        "noSvgWithoutTitle": "off",
-        "useValidAnchor": "off",
-        "useAnchorContent": "off"
+        "noSvgWithoutTitle": "off"
       }
     }
   },
@@ -50,4 +45,4 @@
       "quoteProperties": "asNeeded"
     }
   }
-}
+}

next.config.js

@@ -1,18 +1,17 @@
 const nextConfig = {
-  output: "export",
+  output: 'export',
   // distDir: 'dist',
-  // eslint-disable-next-line no-undef
   distDir: process.env.NODE_ENV === 'production' ? 'dist' : 'dev',
   compress: true,
   swcMinify: false,
-  generateBuildId: async () => "sora_devtools",
+  generateBuildId: async () => 'sora_devtools',
   webpack: (config) => {
     config.resolve.fallback = {
       'lyra.wasm': false,
       'lyra.worker.js': false,
-    };
-    return config;
-  }
-};
+    }
+    return config
+  },
+}
 
-module.exports = nextConfig;
+module.exports = nextConfig

src/components/AlertMessages.tsx

@@ -12,9 +12,9 @@ const Reconnect: React.FC = () => {
   const onClose = (): void => {
     dispatch(setSoraReconnecting(false))
   }
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
   useEffect(() => {
     dispatch(reconnectSora())
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
   return (
     <Toast delay={20000} onClose={onClose}>

src/components/DebugPane/Message.tsx

@@ -52,6 +52,7 @@ export const Message: React.FC<Props> = (props) => {
       <div className="d-flex justify-content-between align-items-center text-break">
         <a
           className={`debug-title ${disabled ? 'disabled' : ''}`}
+          // biome-ignore lint/a11y/useValidAnchor: <explanation>
           onClick={() => setShow(!show)}
           aria-controls={ariaControls}
           aria-expanded={show}

src/components/DevtoolsPane/index.tsx

@@ -211,6 +211,7 @@ const RowSignalingOptions: React.FC = () => {
   return (
     <Row className="form-row">
       <Col>
+        {/* biome-ignore lint/a11y/useValidAnchor: <explanation> */}
         <a href="#" className={linkClassNames.join(' ')} onClick={onClick}>
           Signaling options
         </a>
@@ -261,6 +262,7 @@ const RowAdvancedSignalingOptions: React.FC = () => {
   return (
     <Row className="form-row">
       <Col>
+        {/* biome-ignore lint/a11y/useValidAnchor: <explanation> */}
         <a href="#" className={linkClassNames.join(' ')} onClick={onClick}>
           Advanced signaling options
         </a>
@@ -341,6 +343,7 @@ const RowMediaOptions: React.FC = () => {
   return (
     <Row className="form-row">
       <Col>
+        {/* biome-ignore lint/a11y/useValidAnchor: <explanation> */}
         <a href="#" className={linkClassNames.join(' ')} onClick={onClick}>
           Media options
         </a>

src/components/Header/DownloadReportButton.tsx

@@ -118,6 +118,8 @@ export const DownloadReportButton: React.FC = () => {
         defaultValue="Download report"
         onClick={onClick}
       />
+      {/* biome-ignore lint/a11y/useAnchorContent: <explanation> */}
+      {/* biome-ignore lint/a11y/useValidAnchor: <explanation> */}
       <a ref={anchorRef} style={{ display: 'none' }} />
     </>
   )

src/components/Video/Video.tsx

@@ -15,6 +15,7 @@ const VideoElement: React.FC<VideoProps> = (props) => {
   const { displayResolution, stream, mute, audioOutput, setHeight } = props
   const videoRef = useRef<CustomHTMLVideoElement>(null)
   const videoSize = getVideoSizeByResolution(displayResolution)
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
   useEffect(() => {
     const resizeObserver = new ResizeObserver((entries: ResizeObserverEntry[]) => {
       entries.filter((entry) => {
@@ -30,7 +31,6 @@ const VideoElement: React.FC<VideoProps> = (props) => {
     return () => {
       resizeObserver.disconnect()
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
 
   useEffect(() => {
@@ -39,6 +39,7 @@ const VideoElement: React.FC<VideoProps> = (props) => {
     }
   }, [mute])
 
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
   useEffect(() => {
     if (videoRef.current && stream) {
       // Chrome で first video frame まで音声が出力されない現象のワークアラウンド
@@ -64,7 +65,6 @@ const VideoElement: React.FC<VideoProps> = (props) => {
     } else if (videoRef.current && stream === null) {
       videoRef.current.srcObject = null
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [stream])
 
   if (audioOutput && videoRef.current?.setSinkId && stream && stream.getAudioTracks().length > 0) {

src/components/Video/VolumeVisualizer.tsx

@@ -89,7 +89,6 @@ const Visualizer: React.FC<VisualizerProps> = (props) => {
         cancelAnimationFrame(animationFrameId)
       }
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [props.stream])
   return (
     <canvas

src/pages/_app.tsx

@@ -15,5 +15,4 @@ const MyApp = ({ Component, pageProps }: AppProps): ReactElement => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default MyApp

src/pages/devtools.tsx

@@ -12,14 +12,14 @@ import { MediacaptureRegionTarget } from '@/components/MediacaptureRegionTarget'
 
 const Devtools: React.FC = () => {
   const dispatch = useAppDispatch()
+  // biome-ignore lint/correctness/useExhaustiveDependencies: <explanation>
   useEffect(() => {
     dispatch(setInitialParameter())
     dispatch(setMediaDevices())
     dispatch(initLyra())
     return () => {
       dispatch(disconnectSora())
     }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
   }, [])
   return (
     <>
@@ -39,5 +39,4 @@ const Devtools: React.FC = () => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default Devtools

src/pages/index.tsx

@@ -179,5 +179,4 @@ const Index: React.FC = () => {
   )
 }
 
-// eslint-disable-next-line import/no-default-export
 export default Index