uncle•2d ago

getUserIdentity returning null on certain page but not on home page. Using Convex with Clerk.

Hello, I am using Clerk auth with Convex and am accessing Google Calendar events. On the home page, I have a Calendar component that executes a listCalendarEvents action in my google.ts backend file. This function calls getUserIdentity to retrieve the user_id and pass that into the getUserOauthAccessToken function to retrieve the access token. This Calendar component is wrapped in the Authenticated component as follows:

const HomePage: React.FC = () => {
    const { navigate } = useRouter();
    return (
    <div>
    <div className="flex flex-col items-center justify-center min-h-svh">
      
      <Authenticated>
      <div className="w-full max-w-7xl mx-auto p-4">
        <div className="flex justify-between items-center mb-4">
          <Button onClick={() => navigate("chats")}>Open Chat Interface</Button>
          <UserButton />
        </div>
        <div className="h-[800px]">
          <Calendar />
        </div>
      </div>
      </Authenticated>


      <Unauthenticated>
        <SignInButton mode="modal"/>
      </Unauthenticated>
      {/* <GoogleCalendarEvents/> */}
      
      </div>
    
    </div>
  );
}

const HomePage: React.FC = () => {
    const { navigate } = useRouter();
    return (
    <div>
    <div className="flex flex-col items-center justify-center min-h-svh">
      
      <Authenticated>
      <div className="w-full max-w-7xl mx-auto p-4">
        <div className="flex justify-between items-center mb-4">
          <Button onClick={() => navigate("chats")}>Open Chat Interface</Button>
          <UserButton />
        </div>
        <div className="h-[800px]">
          <Calendar />
        </div>
      </div>
      </Authenticated>


      <Unauthenticated>
        <SignInButton mode="modal"/>
      </Unauthenticated>
      {/* <GoogleCalendarEvents/> */}
      
      </div>
    
    </div>
  );
}

As a result, the listCalendarEvents and the getUserIdentity function work fine. However, when I navigate to another page (using the useRouter hook), trying to execute similar google.ts functions that also call getUserIdentity just return null. I've tried wrapping my components with the Authenticated component but that didn't work. I've also tried out using the "skip" whenever I do useQuery. Any suggestions? Thank you! (sorry for the lenghty message)

1 Reply

Convex Bot•2d 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!

getUserIdentity returning null on certain page but not on home page. Using Convex with Clerk.

Did you find this page helpful?