How to create a useApi Hook?

wspence · February 7, 2023, 7:27pm

I am using Auth0 with React and I desperately need some guidance on how to create a useApi hook. The funny thing is that “supposedly” you guys have one in your Github examples, but the link to view it does not work, it does not take you to any code or explanation. Here is the link to the page, just search for “useApi” and you will see that the links don’t go anywhere.

github.com

auth0/auth0-react/blob/master/EXAMPLES.md

# Examples

- [Use with a Class Component](#use-with-a-class-component)
- [Protect a Route](#protect-a-route)
- [Call an API](#call-an-api)
- [Protecting a route in a `react-router-dom v6` app](#protecting-a-route-in-a-react-router-dom-v6-app)
- [Protecting a route in a Gatsby app](#protecting-a-route-in-a-gatsby-app)
- [Protecting a route in a Next.js app (in SPA mode)](#protecting-a-route-in-a-nextjs-app-in-spa-mode)
- [Create a `useApi` hook for accessing protected APIs with an access token.](#create-a-useapi-hook-for-accessing-protected-apis-with-an-access-token)
- [Use with Auth0 organizations](#use-with-auth0-organizations)

## Use with a Class Component

Use the `withAuth0` higher order component to add the `auth0` property to Class components:

```jsx
import React, { Component } from 'react';
import { withAuth0 } from '@auth0/auth0-react';

class Profile extends Component {

This file has been truncated. show original

Does anyone know of any other resources where someone has created a useApi hook with Auth0???

konrad.sopala · February 8, 2023, 11:47am

Hey there!

Thanks fro raising that! Can I actually ask you to create it as a GitHub issue in the auth0-react repo so we can work on that directly with the SDK maintainers? Once you have a link to it make sure to share it here with us so we can ping them. Thank you!

wspence · February 8, 2023, 2:28pm

Here is the issue that I created on GitHub. Hopefully we will hear back from them soon.

github.com/auth0/auth0-react

useApi Hook in Your Examples Does Not Show Any Code

opened 02:27PM - 08 Feb 23 UTC

Bilbosax

I am having a lot of issues successfully creating a useApi hook so I came to you…r documentation to find out more about it. In your examples at the link below, you have a specific link that says "**Create a useApi hook for accessing protected APIs with an access token**", but when you click on it it does not take you anywhere, does not display any code, or discuss creating a useApi hook. It is an empty link. Any chance you guys could fill in that section soon? https://github.com/auth0/auth0-react/blob/master/EXAMPLES.md

af7777 · September 13, 2023, 10:56pm

The issue was closed with an answer of sorts but the problematic link still exists here:
https://auth0.com/docs/quickstart/spa/react/02-calling-an-api#get-an-access-token

tyf · September 13, 2023, 11:39pm

Hey @af7777 welcome to the community and thanks for sharing! I’ve submitted a PR to update our docs.

konrad.sopala · January 8, 2024, 10:40am

Hey there!

As this topic is related to Rules - Hooks - Actions and Rules & Hooks are being deprecated soon I’m excited to let you know about our next Ask me Anything session in the Forum on Thursday, January 18 with the Rules, Hooks and Actions team on Rules & Hooks and why Actions matter! Submit your questions in the thread above and our esteemed product experts will provide written answers on January 18. Find out more about Rules & Hooks and why Actions matter! Can’t wait to see you there!

Learn more here!