13 replies

Rendered more hooks than during the previous render.

  const user = useUser();
  const email = user.user?.emailAddresses?.[0]?.emailAddress;
  const isAdmin = api.user.isAdmin.useQuery(email ?? '').data;

  const user = useUser();
  const email = user.user?.emailAddresses?.[0]?.emailAddress;
  const isAdmin = api.user.isAdmin.useQuery(email ?? '').data;

  const user = useUser();
  const email = user.user?.emailAddresses?.[0]?.emailAddress;
  const isAdmin = api.user.isAdmin.useQuery(email ?? '').data;

  const user = useUser();
  const email = user.user?.emailAddresses?.[0]?.emailAddress;
  const isAdmin = api.user.isAdmin.useQuery(email ?? '').data;

Do you know how can I fix this?

Solution

api.user.checkUser.useQuery(email ?? '', {
  enabled: user.isSignedIn
});

api.user.checkUser.useQuery(email ?? '', {
  enabled: user.isSignedIn
});

api.user.checkUser.useQuery(email ?? '', {
  enabled: user.isSignedIn
});

api.user.checkUser.useQuery(email ?? '', {
  enabled: user.isSignedIn
});

Jump to solution

Rendered more hooks than during the previous render.

Similar Threads

Similar Threads

Similar Threads