61 lines
1.2 KiB
TypeScript
61 lines
1.2 KiB
TypeScript
"use client";
|
|
|
|
import { baseAPI } from "@/lib/API";
|
|
import { useLocale } from "next-intl";
|
|
import { useState, useEffect } from "react";
|
|
|
|
interface FetchState<T> {
|
|
data: T | null;
|
|
loading: boolean;
|
|
error: string | null;
|
|
}
|
|
|
|
export const useFetch = <T>(
|
|
url: string,
|
|
options?: RequestInit
|
|
): FetchState<T> => {
|
|
const [state, setState] = useState<FetchState<T>>({
|
|
data: null,
|
|
loading: true,
|
|
error: null,
|
|
});
|
|
|
|
const locale = useLocale();
|
|
|
|
useEffect(() => {
|
|
const fetchData = async () => {
|
|
try {
|
|
setState((prev) => ({ ...prev, loading: true, error: null }));
|
|
|
|
const response = await fetch(baseAPI + url, {
|
|
headers: {
|
|
"Accept-Language": locale,
|
|
},
|
|
});
|
|
|
|
if (!response.ok) {
|
|
throw new Error(`HTTP error! status: ${response.status}`);
|
|
}
|
|
|
|
const result = (await response.json()) as T;
|
|
|
|
setState({
|
|
data: result,
|
|
loading: false,
|
|
error: null,
|
|
});
|
|
} catch (error) {
|
|
setState({
|
|
data: null,
|
|
loading: false,
|
|
error: error instanceof Error ? error.message : "Unknown error",
|
|
});
|
|
}
|
|
};
|
|
|
|
fetchData();
|
|
}, [url, locale]);
|
|
|
|
return state;
|
|
};
|