I am not sure if I am using the use hook correct here with TanStackQuery in React 19, can someone double check?

I have this api function:

export async function getPost(id: number): Promise<Post> {
    const response = await fetch(`https://jsonplaceholder.typicode.com/posts/${id}`)
    if (!response.ok) {
        throw new Error('Network response was not ok')
    }
    return response.json()
}

And this hook

"use client";

import { useQuery } from "@tanstack/react-query";
import { getTestData } from "@/lib/api";

export function usePost(id: number) {
  return useQuery({
    queryKey: ["post", id],
    queryFn: () => getPost(id),
  });
}

I am fetching the data like this in my component

interface PostPageProps {
  params: Promise<{ id: string }>;
}

export default function PostPage(props: PostPageProps) {
  const { params } = props;

  const { id } = use(params);
  const { data: post, isLoading, error } = usePost(Number(id));

Is that correct?