socket.io-react-hooks-advanced/dist/hooks/useLatency.js

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;
};