K
Kindemoroshko

useKindeAuth isLoading doesn't change to false

Trying to get the org in a client component, but isLoading does not change to false. What am I missing? 
"use client";

import { useKindeAuth } from "@kinde-oss/kinde-auth-nextjs";

export const MyComponent = () => {
  const { isLoading, getOrganization } = useKindeAuth();

  // Prints: {isLoading: true, org: null}
  console.log({
    isLoading,
    org: getOrganization(),
  });

  ...
};
"use client";

import { useKindeAuth } from "@kinde-oss/kinde-auth-nextjs";

export const MyComponent = () => {
  const { isLoading, getOrganization } = useKindeAuth();

  // Prints: {isLoading: true, org: null}
  console.log({
    isLoading,
    org: getOrganization(),
  });

  ...
};
palooka8300
palooka8300•21d ago
The auth hooks are asynchronous. If you wrap your console.log into a useEffect dependant on isLoading, it should change to false once it’s loaded.
moroshko
moroshko•21d ago
They are async on the server, not the client. I just realized that if I swap useKindeAuth with useKindeBrowserClient then it works as expected. I'm wondering why useKindeAuth is exported from @kinde-oss/kinde-auth-nextjs, feels like it only causes confusion 🤔
palooka8300
palooka8300•21d ago
Ah sorry I assumed react.
Want results from more Discord servers?
Add your server
More Posts
Getting organization handle in id token claimsWhen user visits `myapp.com/org-handle`, I'd like to check whether the user has access to the `org-hPermission doesn't workI added an "admin" permission to a user. However, `await getPermissions()` returns no permissions: `How to sign the user out when /logout is visited?In my Next.js App Router application, I'd like to automatically sign the user out when the user visiShould I include user model in database schema? And how to handle users registering their business?Hi, how should I handle database schema while using Kinde? Should I try for creating user model in misAuthenticated === false vs user === nullIs there any difference (maybe performance?) between: ``` import { getKindeServerSession } from "@kiMulti-factor auth using SMS - Where is the user's phone number stored?I enabled "Multi-factor authentication". The first time I logged in using Google, I was asked to entProtecting routes in Next.js App Router middlewareDocs at https://kinde.com/docs/developer-tools/nextjs-sdk/#protect-routes-using-middleware mention: User's first and last names are overridden when user logs in using GoogleAfter user signs up using Google, their first and last names in KindeUser are pre-populated from the