react-easy-setup/react-tailwind-js/src/services/query/Example.js

A custom React project setup with Husky and ESLint for pre-commit hooks and code quality

import { api } from '@/config/apiConfig'
import { useQuery } from '@tanstack/react-query'

export const fetchUser = async () => {
  const response = await api.get(`/users`)
  return response.data // Return the user data
}

export const useUserQuery = id => {
  return useQuery({
    queryKey: ['users'],
    queryFn: () => fetchUser(),
  })
}