Apollo Hasura Firebase

ApolloProvider.tsx

	const authLink = setContext(async () => {
		const idToken = await user.getIdToken()
		const headers = { Authorization: `Bearer ${idToken}` }
		return {
			headers,
		}
	})

	const httpLink = new HttpLink({
		uri: process.env.REACT_APP_GRAPHQL_HTTP_URL || '',
	})

	const wsLink = new WebSocketLink({
		uri: process.env.REACT_APP_GRAPHQL_WS_URL || '',
		lazy: true,
		options: {
			reconnect: true,
			connectionParams: async () => {
				const idToken = await user.getIdToken()
				const params = { headers: { Authorization: `Bearer ${idToken}` } }
				return params
			},
		},
	})

	const link = ApolloLink.from([
		split(
			({ query }) => {
				const { kind, operation }: any = getMainDefinition(query)
				return kind === 'OperationDefinition' && operation === 'subscription'
			},
			wsLink,
			authLink.concat(httpLink)
		),
	])

	const apolloClient: any = new ApolloClient({
		link,
		cache: new InMemoryCache(),
	})