fix: lint

src/hooks/useSocketReciever.ts

@@ -1,11 +1,13 @@
 import { useEffect } from "react";
 import { useSocketRefStore } from "../store";
-import { PointerSchema, ActionSchema, HitSchema } from "../type/shooting";
+import type { ActionSchema, HitSchema, PointerSchema } from "../type/shooting";
 
 export const useSocketReciever = () => {
 	const socketRef = useSocketRefStore((state) => state.socketRef);
 
-	const onMessage = (handler: (data: (PointerSchema | ActionSchema | HitSchema)) => void) => {
+	const onMessage = (
+		handler: (data: PointerSchema | ActionSchema | HitSchema) => void,
+	) => {
 		useEffect(() => {
 			const onMessage = (event: MessageEvent) => {
 				const data = JSON.parse(event.data);
@@ -17,7 +19,7 @@ export const useSocketReciever = () => {
 			return () => {
 				currentSocketRef?.removeEventListener("message", onMessage);
 			};
-		}, [socketRef, handler]);
+		}, [handler]);
 	};
 
 	return { onMessage };

src/pages/shooter/index.tsx

@@ -8,11 +8,11 @@ import { DefaultButton } from "../../components/ui/Button";
 import { Modal } from "../../components/ui/Modal";
 import { ShooterButton } from "../../components/ui/ShooterButton";
 import { useOrientation } from "../../hooks/useOrientation";
+import { useSocketReciever } from "../../hooks/useSocketReciever";
 import { useSocketRefStore, useUUIDStore } from "../../store";
 import { type Schema, event_type, message_type } from "../../type/schema";
-import style from "./index.module.css";
-import { useSocketReciever } from "../../hooks/useSocketReciever";
 import { MessageType } from "../../type/shooting";
+import style from "./index.module.css";
 
 const Shooter = () => {
 	const [isOpen, setIsOpen] = useState(true);
@@ -74,12 +74,12 @@ const Shooter = () => {
 
 	useEffect(() => {
 		onMessage((data) => {
-			if (data.message_type == MessageType.Hit  && data.id === uuid) {
+			if (data.message_type === MessageType.Hit && data.id === uuid) {
 				setScore((prevScore) => prevScore + 1);
 				console.log(score);
 			}
 		});
-	}, [onMessage])
+	}, [onMessage, uuid, score]);
 
 	const handleClick = () => {
 		const audio = new Audio("/sound/cork_sound.mp3");

src/pages/yatai/index.tsx

@@ -9,14 +9,14 @@ import type {
 	Object3DEventMap,
 } from "three";
 import { randFloat } from "three/src/math/MathUtils.js";
+import { useSocketReciever } from "../../hooks/useSocketReciever";
 import { useSocketRefStore } from "../../store";
 import {
 	type ActionSchema,
 	MessageType,
 	type Target,
 } from "../../type/shooting";
 import styles from "./index.module.css";
-import { useSocketReciever } from "../../hooks/useSocketReciever";
 
 const YataiStage = memo(() => {
 	// 土台