@fishjam-cloud/react-client/dist/hooks/internal/useReconnection.js

React client library for Fishjam

import { useContext, useEffect, useState } from "react";
import { FishjamClientContext } from "../../contexts/fishjamClient";
/**
 *
 * @category Connection
 */
export const useReconnection = () => {
    const fishjamClientRef = useContext(FishjamClientContext);
    if (!fishjamClientRef)
        throw Error("useConnection must be used within FishjamProvider");
    const [reconnectionStatus, setReconnectionStatus] = useState("idle");
    useEffect(() => {
        const client = fishjamClientRef.current;
        const setReconnecting = () => {
            setReconnectionStatus("reconnecting");
        };
        const setIdle = () => {
            setReconnectionStatus("idle");
        };
        const setError = () => {
            setReconnectionStatus("error");
        };
        const setErrorIfReconnecting = () => {
            setReconnectionStatus((prev) => (prev === "reconnecting" ? "error" : prev));
        };
        client.on("reconnectionStarted", setReconnecting);
        client.on("reconnected", setIdle);
        client.on("reconnectionRetriesLimitReached", setError);
        client.on("authError", setErrorIfReconnecting);
        client.on("joinError", setErrorIfReconnecting);
        return () => {
            client.off("reconnectionStarted", setReconnecting);
            client.off("reconnected", setIdle);
            client.off("reconnectionRetriesLimitReached", setError);
            client.off("authError", setErrorIfReconnecting);
            client.off("joinError", setErrorIfReconnecting);
        };
    }, [fishjamClientRef]);
    return reconnectionStatus;
};