diff --git a/widget/src/hooks/useBroadcastChannel.ts b/widget/src/hooks/useBroadcastChannel.ts index 7caaa69d..d20151a7 100644 --- a/widget/src/hooks/useBroadcastChannel.ts +++ b/widget/src/hooks/useBroadcastChannel.ts @@ -41,13 +41,11 @@ export function useBroadcastChannel( handleMessage?: (event: MessageEvent) => void, handleMessageError?: (event: MessageEvent) => void, ): (data: T) => void { - const channelRef = React.useRef(null); - - React.useEffect(() => { - if (typeof window !== "undefined" && "BroadcastChannel" in window) { - channelRef.current = new BroadcastChannel(channelName + "-channel"); - } - }, [channelName]); + const channelRef = React.useRef( + typeof window !== "undefined" && "BroadcastChannel" in window + ? new BroadcastChannel(channelName + "-channel") + : null, + ); useChannelEventListener(channelRef.current, "message", handleMessage); useChannelEventListener( @@ -56,10 +54,7 @@ export function useBroadcastChannel( handleMessageError, ); - return React.useCallback( - (data: T) => channelRef.current?.postMessage(data), - [channelRef.current], - ); + return (data: T) => channelRef.current?.postMessage(data); } /**