getToken from useKindeBrowserClient

Would it be possible for

getToken

getToken

from

useKindeBrowserClient

useKindeBrowserClient

to asynchronously respond with token (ideally when isLoading is false)?

I need to pass access_token in Authorization header - currently I'm working this around just grabbing access_token from cookies, but this is not ideal.

My case is close to:

const useApiInstance = () => {
  const { getToken } = useKindeBrowserClient();

  return async () => {
    const token = await getToken(); // <- I would love to do this
    const response = await axios.get("/something", { headers: { Authorization: "Bearer token" }});
    return response
  }
}

const useApiInstance = () => {
  const { getToken } = useKindeBrowserClient();

  return async () => {
    const token = await getToken(); // <- I would love to do this
    const response = await axios.get("/something", { headers: { Authorization: "Bearer token" }});
    return response
  }
}

Later I use this like:

const fetcher = useApiInstance();

const fetcher = useApiInstance();

In above example code is executed before kinde is loaded (isLoaded: false), and getToken just returns null

Would be nice if getToken returned promise that would at least wait for stuff to load. Similarly how it is build with useKindeAuth in @kinde-oss/kinde-auth-react (I haven't tried it myself, but getToken returns a promise.)

Kinde•3y ago•

16 replies

kbk

getToken from useKindeBrowserClient

Would it be possible for

getToken

getToken

from

useKindeBrowserClient

useKindeBrowserClient

const useApiInstance = () => {
  const { getToken } = useKindeBrowserClient();

  return async () => {
    const token = await getToken(); // <- I would love to do this
    const response = await axios.get("/something", { headers: { Authorization: "Bearer token" }});
    return response
  }
}

const useApiInstance = () => {
  const { getToken } = useKindeBrowserClient();

  return async () => {
    const token = await getToken(); // <- I would love to do this
    const response = await axios.get("/something", { headers: { Authorization: "Bearer token" }});
    return response
  }
}

Later I use this like:

const fetcher = useApiInstance();

const fetcher = useApiInstance();

getToken from useKindeBrowserClient

Similar Threads

getToken from useKindeBrowserClient

Similar Threads

Similar Threads

Similar Threads