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…

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!

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

stephanie.chamblee May 25, 2021, 3:59pm 13

@gutisAlex, are you using auth0-react or nextjs-auth0?

Using Axios to call an external API secured by Auth0 using JWT

Topic		Replies	Views
ReactAuth0 - Get AccessToken in a none ReactHook code Archived bearer-token , react , typescript	4	6809	May 27, 2024
How to get token from outside React components? Get Help auth0 , react	4	5950	August 14, 2024
Getting access tokens inside another hook/reusable code for getting access tokens Get Help hooks , access-token , react , best-practices	3	4746	October 1, 2022
useAuth0() hook with React + Redux App Archived auth0 , redux	1	6478	October 12, 2020
Why access token cannot be provided with user from the useAuth0 hook Get Help auth0-react , sdks-quickstarts	1	503	January 17, 2024

How to use a token with axios?

Related topics