Skip to content

@sibilance.is/client v0.1.0-alpha.4


@sibilance.is/client / react / useSibilanceContext

Function: useSibilanceContext()

ts
function useSibilanceContext(): SibilanceContextType;

Defined in: CmdPr/sibilance/client/src/hooks/useSibilanceContext.ts:52

Hook to access Sibilance context Must be used within a SibilanceProvider

Returns

SibilanceContextType

Sibilance context with client, state, and control functions

Throws

Error if used outside of SibilanceProvider

Example

tsx
function SurveyComponent() {
  const { client, voiceState, surveyState, connect } = useSibilanceContext();
  
  if (!client) {
    return <div>Loading...</div>;
  }
  
  return (
    <div>
      <p>Survey: {surveyState.isActive ? 'Active' : 'Inactive'}</p>
      <p>Voice: {voiceState.isConnected ? 'Connected' : 'Disconnected'}</p>
      <button onClick={connect}>Start Survey</button>
    </div>
  );
}