useQuery with different queryKey

const fetchData = async ({ queryKey }) => {
  try {
    const res = await axios.get(
      `${import.meta.env.VITE_BASE_URL}tv/${queryKey[0]}`,
      {
          params: {
              api_key: import.meta.env.VITE_API_KEY
          },
      }
    );
    if (!res) {
      throw new Error("response not work");
    }
    const data = await res.data;
    return data;
  } catch (error) {
    console.log("Error", error);
  }
};
export const useFetchData = (series_id) => {
    return useQuery({
        queryKey: [`${series_id}`],
        queryFn:fetchData,
    });
}

 const { status: status1, data: details } = useFetchData(`${id}`);
  const { status: status2, data: casts } = useFetchData(`${id}/credits`);
  const { status: status3, data: recommendation } = useFetchData(
    `${id}/recommendations`
  );