alepha@docs:~/docs/framework/reference/react-hooks$
cat useRoom.md | pretty
1 min read
Last commit:

#useRoom

#Import

typescript 
1import { useRoom } from "alepha/react/websocket";

#Overview

React hook for WebSocket room communication

Provides automatic connection management, reconnection, and type-safe messaging for WebSocket rooms using the injected WebSocketClient service.

Multiple useRoom hooks on the same channel will share a single WebSocket connection.

#Examples

tsx 
 1const chat = useRoom({ 2  roomId: "room-123", 3  channel: chatChannel, 4  handler: (message) => { 5    if (message.type === "append") { 6      setMessages(prev => [...prev, message]); 7    } 8  } 9}, [roomId]);10 11const sendMessage = async () => {12  await chat.send({13    content: "Hello, world!"14  });15};