2 replies

getUserIdentity from inside a query

hey all

, I have a query that is in a component wrapped in an auth gate. the Auth gate checks for authentication status and only then does it render the component with the query. However, looking at the logs, it looks like the query fires twice once the query handler can get the user Identity through ctx.auth.getUserIdentityctx.auth.getUserIdentity but another time calling ctx.auth.getUserIdentityctx.auth.getUserIdentity return null.

here is my auth gate component

const AuthGateProps: React.FC<AuthGatePropsProps> = ({ children }) => {
  const { isAuthenticated, isLoading } = useConvexAuth();
  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (!isAuthenticated) return <div>Not authenticated</div>;
  console.log({ isAuthenticated });
  return <Authenticated>{children}</Authenticated>;
};

const AuthGateProps: React.FC<AuthGatePropsProps> = ({ children }) => {
  const { isAuthenticated, isLoading } = useConvexAuth();
  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (!isAuthenticated) return <div>Not authenticated</div>;
  console.log({ isAuthenticated });
  return <Authenticated>{children}</Authenticated>;
};

and the code for the query handler

export const get = query({
  args: {
    id: v.id("campaigns")
  },
  handler: async (ctx,args) => {
    const userIdentity = await ctx.auth.getUserIdentity()
    console.log("$$$userIdentity", userIdentity);
    if(!userIdentity){
      throw new Error("userIdentity not found")
    }

export const get = query({
  args: {
    id: v.id("campaigns")
  },
  handler: async (ctx,args) => {
    const userIdentity = await ctx.auth.getUserIdentity()
    console.log("$$$userIdentity", userIdentity);
    if(!userIdentity){
      throw new Error("userIdentity not found")
    }

Convex Community•3y ago•

2 replies

fawwaz

getUserIdentity from inside a query

hey all

const AuthGateProps: React.FC<AuthGatePropsProps> = ({ children }) => {
  const { isAuthenticated, isLoading } = useConvexAuth();
  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (!isAuthenticated) return <div>Not authenticated</div>;
  console.log({ isAuthenticated });
  return <Authenticated>{children}</Authenticated>;
};

const AuthGateProps: React.FC<AuthGatePropsProps> = ({ children }) => {
  const { isAuthenticated, isLoading } = useConvexAuth();
  if (isLoading) {
    return <div>Loading...</div>;
  }

  if (!isAuthenticated) return <div>Not authenticated</div>;
  console.log({ isAuthenticated });
  return <Authenticated>{children}</Authenticated>;
};

and the code for the query handler

export const get = query({
  args: {
    id: v.id("campaigns")
  },
  handler: async (ctx,args) => {
    const userIdentity = await ctx.auth.getUserIdentity()
    console.log("$$$userIdentity", userIdentity);
    if(!userIdentity){
      throw new Error("userIdentity not found")
    }

export const get = query({
  args: {
    id: v.id("campaigns")
  },
  handler: async (ctx,args) => {
    const userIdentity = await ctx.auth.getUserIdentity()
    console.log("$$$userIdentity", userIdentity);
    if(!userIdentity){
      throw new Error("userIdentity not found")
    }

Continue the conversation

Join the Discord to ask follow-up questions and connect with the community

Convex Community

Join the Convex Discord! Explore Convex, the backend platform that keeps your app in sync.

15,960 Members

Join

getUserIdentity from inside a query

getUserIdentity from inside a query

Continue the conversation

Convex Community

Continue the conversation

Convex Community

Similar Threads