socket.io-react-hooks-advanced/src/hooks/useLatency.ts

A modular and extensible React + Socket.IO hook library designed for real-world applications. Supports namespaced sockets, reconnection strategies, offline queues, latency monitoring, middleware, encryption, and more.

import {useEffect, useState} from "react";
import {useSocketContext} from "../context/SocketContext";

export const useLatency = () => {
    const {latency, onLatencyUpdate} = useSocketContext();
    const [latest, setLatest] = useState(latency);

    useEffect(() => {
        if (onLatencyUpdate) {
            onLatencyUpdate((ms) => {
                setLatest(ms);
            });
        }
    }, [onLatencyUpdate]);

    return latest;
};