5 files changed, 16 insertions, 10 deletions
diff --git a/frontend/src/routes/golf/watch/App.tsx b/frontend/src/routes/golf/watch/App.tsx
index b24833f..ac2db23 100644
--- a/frontend/src/routes/golf/watch/App.tsx
+++ b/frontend/src/routes/golf/watch/App.tsx
@@ -32,7 +32,7 @@ type WebSocketMessage =
       };
     };
 
-export default ({ gameId }: Props) => {
+export default function App({ gameId }: Props) {
   // const socketUrl = `wss://t.nil.ninja/iosdc/2024/sock/golf/${gameId}/watch/`;
   const socketUrl = `ws://localhost:8002/sock/golf/${gameId}/watch/`;
 
@@ -108,4 +108,4 @@ export default ({ gameId }: Props) => {
       </div>
     </div>
   );
-};
+}
diff --git a/frontend/src/routes/golf/watch/apps/Connecting.tsx b/frontend/src/routes/golf/watch/apps/Connecting.tsx
index 8dc7a8c..73d28eb 100644
--- a/frontend/src/routes/golf/watch/apps/Connecting.tsx
+++ b/frontend/src/routes/golf/watch/apps/Connecting.tsx
@@ -2,6 +2,6 @@ type Props = {
   gameId: number;
 };
 
-export default (_props: Props) => {
+export default function Connecting(_props: Props) {
   return <div>接続中です......</div>;
-};
+}
diff --git a/frontend/src/routes/golf/watch/apps/Failed.tsx b/frontend/src/routes/golf/watch/apps/Failed.tsx
index 3c29d74..2727663 100644
--- a/frontend/src/routes/golf/watch/apps/Failed.tsx
+++ b/frontend/src/routes/golf/watch/apps/Failed.tsx
@@ -2,6 +2,6 @@ type Props = {
   gameId: number;
 };
 
-export default (_props: Props) => {
+export default function Failed(_props: Props) {
   return <div>エラー</div>;
-};
+}
diff --git a/frontend/src/routes/golf/watch/apps/Gaming.tsx b/frontend/src/routes/golf/watch/apps/Gaming.tsx
index 623cb08..3f9c195 100644
--- a/frontend/src/routes/golf/watch/apps/Gaming.tsx
+++ b/frontend/src/routes/golf/watch/apps/Gaming.tsx
@@ -7,7 +7,13 @@ type Props = {
   codeB: string | null;
 };
 
-export default ({ problem, scoreA, codeA, scoreB, codeB }: Props) => {
+export default function Gaming({
+  problem,
+  scoreA,
+  codeA,
+  scoreB,
+  codeB,
+}: Props) {
   return (
     <>
       <div style={{ display: "flex", flexDirection: "column" }}>
@@ -35,4 +41,4 @@ export default ({ problem, scoreA, codeA, scoreB, codeB }: Props) => {
       </div>
     </>
   );
-};
+}
diff --git a/frontend/src/routes/golf/watch/apps/Waiting.tsx b/frontend/src/routes/golf/watch/apps/Waiting.tsx
index e8d5390..a82ee69 100644
--- a/frontend/src/routes/golf/watch/apps/Waiting.tsx
+++ b/frontend/src/routes/golf/watch/apps/Waiting.tsx
@@ -2,6 +2,6 @@ type Props = {
   gameId: number;
 };
 
-export default (_props: Props) => {
+export default function Waiting(_props: Props) {
   return <div>対戦相手が現れるのを待っています......</div>;
-};
+}