Skip to content

useNetlifyExtensionUIFetch

useNetlifyExtensionUIFetch(): Fetch

useNetlifyExtensionUIFetch returns a fetch-compatible function that automatically attaches authentication data to requests. Use it to perform requests to endpoints.

Returns

Fetch

A fetch function.

Example

import { useNetlifyExtensionUIFetch } from "@netlify/sdk/react";
import { useEffect, useState } from "react";
const MyComponent = () => {
const fetch = useNetlifyExtensionUIFetch();
const [data, setData] = useState(null);
useEffect(() => {
(async () => {
const res = await fetch("/.netlify/functions/my-endpoint");
if (res.ok) {
setData(await res.json());
}
})();
}, [fetch, setData]);
if (data === null) {
return <div>No data found.</div>;
}
};