React

Use the useTrueLink hook.

import { useTrueLink } from "true-link/react";

export function NetworkStatus() {
    const v = useTrueLink({ pingUrl: "/health" });

    if (!v) return null;

    return (
        <div style={{ padding: 12, border: "1px solid #ddd" }}>
            <div>Online: {String(v.isOnline)}</div>
            <div>Strength: {v.strength}</div>
            <div>Latency: {v.latency ?? "n/a"}ms</div>
        </div>
    );
}

If this library helps, you can support development.