Function useAuthFetch

useAuthFetch(): {
(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
(input: string | Request | URL, init?: RequestInit): Promise<Response>;
}
Returns a fetch-compatible function that automatically attaches the authenticated user's access token as an Authorization: Bearer header.

The returned function has the same signature as the global fetch. Use it for any request to your own backend that expects a Hiyve access token. When no user is signed in, the header is omitted and the request is sent unauthenticated.

Token freshness is handled for you: a token at or past expiry (for example after the tab slept through a long practice or reading session) is refreshed before the request is sent, and a request the server refuses as unauthorized is retried once with a freshly minted token. The retry applies to requests made with a URL; a Request object whose body has been consumed cannot be resent, so those return the original response.

The returned function has a stable reference for the lifetime of the identity session, so it is safe to pass to useEffect / useCallback dependency arrays.

Returns {
(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
(input: string | Request | URL, init?: RequestInit): Promise<Response>;
}
A fetch-compatible function.
- - (input: RequestInfo | URL, init?: RequestInit): Promise<Response>
  - MDN Reference
    Parameters
    input: RequestInfo | URL
    Optionalinit: RequestInit
    Returns Promise<Response>
  - (input: string | Request | URL, init?: RequestInit): Promise<Response>
  - MDN Reference
    Parameters
    input: string | Request | URL
    Optionalinit: RequestInit
    Returns Promise<Response>
Throws
Error if called outside of an IdentityProvider.
Example
```
function Dashboard() {
  const authFetch = useAuthFetch();
  const [data, setData] = useState(null);

  useEffect(() => {
    authFetch('/api/dashboard')
      .then((r) => r.json())
      .then(setData);
  }, [authFetch]);

  return <pre>{JSON.stringify(data, null, 2)}</pre>;
}
```
- Defined in hooks.ts:229

Function useAuthFetch

Returns { (input: RequestInfo | URL, init?: RequestInit): Promise<Response>; (input: string | Request | URL, init?: RequestInit): Promise<Response>;}

Parameters

Returns Promise<Response>

Parameters

Returns Promise<Response>

Throws

Example

Settings

Returns {
(input: RequestInfo | URL, init?: RequestInit): Promise<Response>;
(input: string | Request | URL, init?: RequestInit): Promise<Response>;
}