i would crack carmen lopez•4w ago

useAuthToken hook is not working with Auth0. it returns null

<Auth0Provider 
    domain="redacted" 
    clientId="redacted" 
    authorizationParams={{
        redirect_uri: window.location.origin,
    }}
    useRefreshTokens={true}
    cacheLocation="localstorage">
    <ConvexProviderWithAuth0 client={convex}>
        <App />
    </ConvexProviderWithAuth0>
</Auth0Provider>

<Auth0Provider 
    domain="redacted" 
    clientId="redacted" 
    authorizationParams={{
        redirect_uri: window.location.origin,
    }}
    useRefreshTokens={true}
    cacheLocation="localstorage">
    <ConvexProviderWithAuth0 client={convex}>
        <App />
    </ConvexProviderWithAuth0>
</Auth0Provider>

import { useAuthToken } from "@convex-dev/auth/react";
const token = useAuthToken();

//later on
<button onClick={
    async () => {
        alert(token);
    }
}>Get Token</button>
//Alerts null when clicked and is null in my api requests

import { useAuthToken } from "@convex-dev/auth/react";
const token = useAuthToken();

//later on
<button onClick={
    async () => {
        alert(token);
    }
}>Get Token</button>
//Alerts null when clicked and is null in my api requests

8 Replies

Convex Bot•4w ago

Thanks for posting in <#1088161997662724167>. Reminder: If you have a Convex Pro account, use the Convex Dashboard to file support tickets. - Provide context: What are you trying to achieve, what is the end-user interaction, what are you seeing? (full error message, command output, etc.) - Use search.convex.dev to search Docs, Stack, and Discord all at once. - Additionally, you can post your questions in the Convex Community's <#1228095053885476985> channel to receive a response from AI. - Avoid tagging staff unless specifically instructed. Thank you!

i would crack carmen lopezOP•4w ago

getAccessTokenSilently with Auth0 works but it doesnt get an identity in my httpAction

export const generateUrlForToken = httpAction(async (ctx, request)=>{
    const identity = await ctx.auth.getUserIdentity();
    
    if(identity == null){
        return new Response("No identity found",{
            status:401,
            headers:{
                "Access-Control-Allow-Origin": process.env.CLIENT_ORIGIN,
                "Vary": "origin",
            }
        });
    }
});

export const generateUrlForToken = httpAction(async (ctx, request)=>{
    const identity = await ctx.auth.getUserIdentity();
    
    if(identity == null){
        return new Response("No identity found",{
            status:401,
            headers:{
                "Access-Control-Allow-Origin": process.env.CLIENT_ORIGIN,
                "Vary": "origin",
            }
        });
    }
});

erquhart•4w ago

http actions won't have an identity as they're effectively endpoint requests to an api oh just saw the resolved label, guessing you're good now Ah, just learned in the docs that this is a thing, TIL. Hopefully someone will have some insight in your other post (https://discord.com/channels/1019350475847499849/1347455192186093608)

adelin-b•4w ago

@coochie boy sniped u Did you managed to get it working ? Im facing the same issues, I went around the useAuthToken return null by using useAuth.getToken from clerk, but still having cors error and no user identity.

i would crack carmen lopezOP•4w ago

no i ended up using a normal action

adelin-b•4w ago

That's sad, it's not because really an "how to" support it's an actual bug. Hope people from convex see those issues. Had to hardcode my user id so it get fetched in identity but I won't be able to release without a fix

erquhart•4w ago

@coochie boy sniped u I believe this thread explains everything: https://discord.com/channels/1019350475847499849/1272214532873392128

i would crack carmen lopezOP•4w ago

ahhh that makes sense @adelin-b

useAuthToken hook is not working with Auth0. it returns null

Did you find this page helpful?