Small React example

const CustomerContext = createContext({});
 
export default function SubscriptionProvider({children}) {
 
const { data: session } = useSession()
 
const { data: customer,} = useQuery({
    queryKey: ['fetchCustomer'],
    queryFn: async () => await getCustomer(session.email), // your session object should have the email
    enabled: true,
    staleTime: 10, // 10 min
})
 
return (
    <CustomerContext.Provider value={{ customer }}>
        {children}
    </CustomerContext.Provider>
    )
}
 
export function useCustomer() {
    const context = useContext(CustomerContext);
        if (context === undefined) {
            throw new Error("Context must be used within a Provider");
        }
    return context;
}

const CUSTOMER_URL = `https://subscriptionplan.dev/api/v1/project/${PROJECT_ID}/customers`
 
export const getCustomer = async (email) => {
    const response = await fetch(`${CUSTOMER_URL}/${email}`)
    return await response.json()
}