@twilio/flex-sdk
    Preparing search index...

    Variable useDataClientQueryConst

    useDataClientQuery: typeof useQuery = useQuery

    A hook for executing queries in an Apollo application.

    To run a query within a React component, call useQuery and pass it a GraphQL query document.

    When your component renders, useQuery returns an object from Apollo Client that contains loading, error, and data properties you can use to render your UI.

    A GraphQL query document parsed into an AST by gql.

    Options to control how the query is executed.

    Query result object

    import { gql, useDataClientQuery } from '@twilio/flex-sdk/data-client';

    const GET_GREETING = gql`
      query GetGreeting($language: String!) {
        greeting(language: $language) {
          message
        }
      }
    `;

    function Hello() {
      const { loading, error, data } = useDataClientQuery(GET_GREETING, {
        variables: { language: 'english' },
      });
      if (loading) return <p>Loading ...</p>;
      return <h1>Hello {data.greeting.message}!</h1>;
    }

    Settings

    Member Visibility