projects/deliberation_at_scale/packages/frontend/state/apollo.ts

import { ApolloClient, InMemoryCache, HttpLink, from } from '@apollo/client';
import { setContext } from '@apollo/client/link/context';

import { supabaseClient } from './supabase';

const httpLink = new HttpLink({
    uri: process.env.NEXT_PUBLIC_GRAPHQL_URL,
});

const authMiddleware = setContext(async () =>{
    const sessionData = await supabaseClient.auth.getSession();
    const accessToken = sessionData.data.session?.access_token;
    const apiKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY;

    return {
        headers: {
            apiKey,
            authorization: `Bearer ${accessToken}`,
        },
    };
});

export const apolloClient = new ApolloClient({
    link: from([authMiddleware, httpLink]),
    cache: new InMemoryCache(),
});