Should we use async keyword when declaring query/mutation functions?

const useFetchPosts = () => {
  async function fetchPosts() {
    const url = "http://localhost:8080/api/post";
    const response = await fetch(url);
    if (!response.ok) {
      throw new Error("Network response was not ok");
    }
    const result = await response.json();
    return result;
  }
  const { status, data, error } = useQuery({
    queryKey: ["posts"],
    queryFn: fetchPosts,
  });
  return { status, data, error };
};

const { status, data, error } = useFetchPosts();