useConnectionQualityIndicator

The useConnectionQualityIndicator hook provides props for the ConnectionQualityIndicator or your custom implementation of it component.

Import

import { useConnectionQualityIndicator } from "@livekit/components-react";

const { quality } = useConnectionQualityIndicator();
// or
const { quality } = useConnectionQualityIndicator({ participant });

options?ConnectionQualityIndicatorOptions

{
  className: "lk-connection-quality";
  quality: ConnectionQuality;
}