test

src/pages/shooter/index.tsx

@@ -57,18 +57,16 @@ const Shooter = () => {
 	useEffect(() => {
 		let intervalId: number | null = null;
 
-		if (!isOpen) {
-			intervalId = window.setInterval(() => {
-				sendData(message_type.status);
-			}, 100);
-		}
+		intervalId = window.setInterval(() => {
+			sendData(message_type.status);
+		}, 100);
 
 		return () => {
 			if (intervalId !== null) {
 				clearInterval(intervalId);
 			}
 		};
-	}, [isOpen, sendData]);
+	}, [sendData]);
 
 	const handleClick = () => {
 		const audio = new Audio("/sound/cork_sound.mp3");

src/pages/yatai/index.tsx

@@ -124,7 +124,7 @@ const YataiStage = React.memo(() => {
 	);
 });
 
-function Yatai() {
+const TargetOverlay = () => {
 	const socketRef = useSocketRefStore((state) => state.socketRef);
 
 	useEffect(() => {
@@ -158,24 +158,30 @@ function Yatai() {
 	// 	setTarget(data.target);
 	// };
 
+	return (
+		<div
+			className={styles.target}
+			style={{
+				left: `${aim?.x}px`,
+				top: `${aim?.y}px`,
+				transform: "translate(-50%, -50%)",
+			}}
+		>
+			<img
+				src="/2D_material/target.webp"
+				alt="照準の表示"
+				width="100%"
+				height="100%"
+			/>
+		</div>
+	);
+};
+
+function Yatai() {
 	return (
 		<div className={styles.container}>
 			<YataiStage />
-			<div
-				className={styles.target}
-				style={{
-					left: `${aim?.x}px`,
-					top: `${aim?.y}px`,
-					transform: "translate(-50%, -50%)",
-				}}
-			>
-				<img
-					src="/2D_material/target.webp"
-					alt="照準の表示"
-					width="100%"
-					height="100%"
-				/>
-			</div>
+			<TargetOverlay />
 		</div>
 	);
 }