@deep-foundation/react-hasura

npm Gitpod Discord

Usage

Library

See Documentation for examples and API

usage

import providers and hooks

import { TokenProvider, useTokenController } from '@deep-foundation/deeplinks/imports/react-token';
import { ApolloClientTokenizedProvider } from '@deep-foundation/react-hasura/apollo-client-tokenized-provider';

control token

const [token, setToken] = useTokenController();
// you can use any token source after it

wrap page

// example from envs
export const GRAPHQL_PATH = `${process.env.NEXT_PUBLIC_HASURA_PATH}/v1/graphql`;
export const GRAPHQL_SSL = !!+process.env.NEXT_PUBLIC_HASURA_SSL;

return <TokenProvider>
<ApolloClientTokenizedProvider options={{ client: 'app-name', path: GRAPHQL_PATH, ssl: !!GRAPHQL_SSL, ws: !!process?.browser }}>
{children}
</ApolloClientTokenizedProvider>
</TokenProvider>;

Generated using TypeDoc