Преобразования данных с React Query

[noodles]

Ну так как же всё-таки с помощью react-query сделать несколько запросов с условиями внутри jsx-компонента?..) Например, как это переписать на react-query? Желательно красиво и в продакшн-реди стиле.. хочу посмотреть что выйдет.)

const MyComponent = () => {
    
    // - по сабмиту получаем данные из формы

    // - делаем три параллельных запроса, в каждом 
    // из которых свои данные формы

    // - по результату второго запроса - делаем или не делаем 
    // четвёртый запрос, в котором используем ответ первого запроса.

    // - если четвёртый запрос ок - показываем успех 
    // с данными из этого запроса-4

    const submitHandler = async (formData) => {
      const responses = await Promise.all([
        service1.fetchData(formData.fieldValue1),
        service2.fetchData(formData.fieldValue2),
        service3.fetchData(formData.fieldValue3),
      ]);
    
      if (responses[1].isExistSomeData) {
        const data = await service4.fetchData(responses[0]);
        service5.showSuccess(data);  
      } else {
        service5.showFailure();  
      }
    };

    return <SomeButton onClick={submitHandler}>click</SomeButton>
};