Используйте response-query (useQuery) с ошибкой получения Storybook

Я использую сборник рассказов для изолированной разработки своих компонентов реакции. У меня возникла проблема с использованием запроса-ответа (useQuery) в сборнике рассказов. Реализуя компонент в приложении, я не получаю ошибок и все работает как положено.

async function searchStationsByCallLetter(_, param) {
  const request = {
    callLettersView: param, 
  };

  const { data } = await ApiService().makeApiCall(API_ENDPOINTS.BROADCAST_LINEUP.SEARCH_STATIONS, request, HTTP_POST);
  return data;
}

export default function useSearchStationsByCallLetter(inputValue = '') {
  return useQuery(['searchStationsByCallLetter', inputValue], searchStationsByCallLetter);

У меня есть настраиваемый перехватчик реакции useSearchStationsByCallLetter, который возвращает перехватчик useQuery. React-query должен использовать searchStationsByCallLetter в качестве вызова API. ApiService и makeApiCall - это настраиваемые параметры axios.

Ошибка, которую я получаю в сборнике рассказов:

TypeError: Object(...) is not a function
    at _callee$ (AddLineupHooks.js:8)
    at tryCatch (runtime.js:63)
    at Generator.invoke [as _invoke] (runtime.js:293)
    at Generator.next (runtime.js:118)
    at asyncGeneratorStep (asyncToGenerator.js:3)
    at _next (asyncToGenerator.js:25)
    at asyncToGenerator.js:32
    at new Promise (<anonymous>)
    at Object.<anonymous> (asyncToGenerator.js:21)
    at Object.searchStationsByCallLetter [as queryFn] (AddLineupHooks.js:8)

person Scott Divelbiss    schedule 15.09.2020    source источник


Ответы (1)


Вероятно, издевательство над запросом Api с помощью библиотеки как msw поможет вам получить индивидуальный ответ, который вы можете ожидать. .

person sstauross    schedule 16.10.2020