refactor: allow for full trystero configuration

src/components/Room/Room.tsx

@@ -28,10 +28,12 @@ export function Room({
     []
   )
 
-  const peerRoom = usePeerRoom({
+  const peerRoom = usePeerRoom(
-    appId,
+    {
-    roomId,
+      appId,
-  })
+    },
+    roomId
+  )
 
   const [sendMessage, receiveMessage] = usePeerRoomAction<UnsentMessage>(
     peerRoom,

src/hooks/usePeerRoom/usePeerRoom.ts

@@ -1,14 +1,11 @@
 import { useEffect, useState } from 'react'
+import { RoomConfig } from 'trystero'
 
 import { getPeerRoom } from 'services/PeerRoom'
 
-interface UsePeerRoomProps {
+export function usePeerRoom(roomConfig: RoomConfig, roomId: string) {
-  appId: string
+  const { appId } = roomConfig
-  roomId: string
+  const [peerRoom, setPeerRoom] = useState(getPeerRoom(roomConfig, roomId))
-}
-
-export function usePeerRoom({ appId, roomId }: UsePeerRoomProps) {
-  const [peerRoom, setPeerRoom] = useState(getPeerRoom({ appId }, roomId))
 
   useEffect(() => {
     setPeerRoom(getPeerRoom({ appId }, roomId))