TodoService.jsx

const { isLoading, isError, data } = useQuery(
       ["todo/detail", id],
       () => {
         return axios.get(`http://localhost:4000/todo/detail/:${id}`);
       },
       {
         enabled: !!id,
         retry: 1,
         onSuccess: () => {
           // invalidate some query
         },
         onError: () => {
           // do something else
         },
       }
     );
     const fetchedTodo = data.data.todo
     const fetchTodoStatus = data.status
     export { isLoading, isError, fetchedTodo, fetchTodoStatus }
   }