useWebSocket hook for @mantine/hooks

[Talhaahmed74]

Proposal: useWebSocket hook for @mantine/hooks

Hi! I've been going through the hooks package and noticed there's currently no built-in hook for WebSocket connections. I'd like to propose adding a useWebSocket hook and contribute the implementation if the maintainers are open to it.

What it would cover

• Connection lifecycle management (open, close, error)
• Sending and receiving messages
• Automatic cleanup on component unmount
• Reconnection with configurable retry logic
• Typed message support via generics

Basic API sketch

const { sendMessage, lastMessage, readyState } = useWebSocket<string>('wss://example.com/ws', {
  onOpen: () => console.log('connected'),
  onMessage: (event) => console.log(event.data),
  reconnectAttempts: 3,
  reconnectInterval: 2000,
});

Why it fits @mantine/hooks

Mantine's hooks package already covers browser APIs like useClipboard, useNetwork, and useMediaQuery. WebSockets are a common real-time need and a natural extension of this pattern — it keeps developers from reaching for a separate library for something this foundational.

Before I start

I wanted to check a few things first:

• Is this within scope for @mantine/hooks, or do you prefer users handle WebSocket logic externally?
• Are there any existing plans or open issues for this?
• Any preferences on the API shape or constraints I should follow?

Happy to open a draft PR once there's a green light. Thanks!