this is a pain in the ass

app/[gameID]/page.tsx

@@ -3,6 +3,7 @@
 import { useEffect, useState } from 'react';
 import { useParams } from 'next/navigation';
 import useSocket from '@/hooks/useSocket';
+import useRTC from '@/hooks/useRTC';
 import { Eye } from 'lucide-react';
 
 import Card from '@/components/Card';
@@ -40,6 +41,8 @@ export default function GamePage() {
 	const selectDeck: Deck | null = selectCard >= 0 ? cards[selectCard].deck : null;
 
 	const socket = useSocket({ gameID, setGameData, setNoGame });
+	const rtc = useRTC(socket);
+	console.log('useRTC:', rtc);
 
 	useEffect(() => {
 		if (gameIDParam) {