Всем привет!
Храню настройки пользователя в контексте React. Хочу брать из настроек пользователя язык и валюту и подставлять эти данные в запрос к API. Код после множества попыток выглядит так (TypeScript):
const useSettings = () => {
return useContext(SettingsContext)
}
export const ApiFetch = async (url: string, endpoint: string, data: any = {}) => {
const settings = useSettings();
data['language'] = settings.language
data['currency'] = settings.currency
const promise = axios.get(url + endpoint, {params: data});
return promise.then((response) => response.data)
};
Ругается, что:
Uncaught (in promise) Error: Invalid hook call.
Доки читал, уроки смотрел, но не получается завести. Можете подсказать, почему такое обращение к контексту не работает? Или может как-то иначе можно хранить настройки пользователя в браузере, чтобы использовать их в запросах к API?