Data client utilities for querying and mutating Flex backend data with GraphQL.
import { createClient, InitializeDataClient } from "@twilio/flex-sdk";
import { DataClientProvider, gql, useDataClientQuery } from "@twilio/flex-sdk/data-client";
const client = await createClient("token");
const dataClient = await client.execute(new InitializeDataClient());
const TEST_QUERY = gql`
query TestQuery {
flexInstanceSid
}
`;
function QueryComponent() {
const { data, loading, error } = useDataClientQuery(TEST_QUERY);
return null;
}
// Wrap your component tree
// <DataClientProvider dataClient={dataClient}><QueryComponent /></DataClientProvider>