Hey, I would like to know how to get the accesToken to use it with axios?! I am using axios hooks to work with axios and fetch data from my API ( https://github.com/simoneb/axios-hooks ). But I dont find any way how to get the auth0 token to the hook… any ideas?

Thanks for confirming. I’ve played around with this a bit and I think because useAxios is a hook, it would be challenging to use this with getAccessTokenSilently since you can’t use a hook within useEffect. You may need to use Axios alone within useEffect so that you can get the accessToken before m…

Hi @gutisAlex , It sounds like you would like to include the Access Token you receive from Auth0 as the bearer token in the Authorization requests made by Axios hooks. Is that correct? It looks like you can include headers in the Request Config object: const [{ data, loading, error }, refetch] = u…

yes I can do that but how do I get the accessToken before the hook will be executed?

Are you using the Auth0 React SDK? If so, you can use the useAuth0 hook to get the Access Token: const { getAccessTokenSilently } = useAuth0(); const accessToken = await getAccessTokenSilently(); You can find a complete example of calling an external API in the Quickstart: Auth0 React SDK Quic…

It might be helpful to take a look at the Quickstart . There is an example of getting an Access Token and using it to call an API: useEffect(() => { const getUserMetadata = async () => { const domain = "YOUR_DOMAIN"; try { const accessToken = await getAccessTokenSilently({ a…

Also, would you happen to have some code from your app where you are getting the Access Token and sending it an API request? This might help us troubleshoot. Thank you!

ok I have put together some code how I need to use it: export default function GroupsGrid() { const [pagination, setPagination] = useState({_limit: 4, _page: 1}) const [totalCount, setTotalCount] = useState<number>(1); const { user } = useUser(); const [{ data: groups, loading: isLoading, …

Thanks for the code example! Have you tried changing this to an async function so that you can await the accessToken before using the useAxios hook?

I am getting an error when making the component async: TS2786: ‘GroupsGrid’ cannot be used as a JSX component. Its return type ‘Promise’ is not a valid JSX element. Type ‘Promise’ is missing the following properties from type ‘Element’: type, props, key

Ah, I see. I will try out this in my own app and see how you can implement this.

How to use a token with axios?

Get Help

gutisAlex May 24, 2021, 3:09pm 6

I tried that, but I couldnt get it to work… maybe because its an async function to get the token but it looks like I need the token when the axios hook is initialized… I am out of ideas here! I think I cannot use this library!

Topic		Replies	Views
How to get token from outside React components? Get Help auth0 , react	4	5969	August 14, 2024
Getting access tokens inside another hook/reusable code for getting access tokens Get Help hooks , access-token , react , best-practices	3	4764	October 1, 2022
How to get access token in my axios global config file - Vue 3 Get Help jwt , auth0 , api , vue-3	3	9714	May 21, 2024
React SDK refresh access token Get Help auth0	2	5606	February 17, 2021
Refetch access token after callback Get Help auth0-react , sdks-quickstarts	5	1222	November 13, 2023

How to use a token with axios?

Related topics