query data type is (Type | undefined) after `isError` check

const getVisitById = async (id: number): Promise<VisitResponse> => {
  return await GET(`/visits/${id}`);
};


const { data, isError, error } = useQuery({
    queryKey: ['visit', 18657],
    queryFn: () => getVisitById(18657),
  });

  if (isError) {
    return <div>{error.message}</div>;
  }

  console.log(data)

const getVisitById = async (id: number): Promise<VisitResponse> => {
  return await GET(`/visits/${id}`);
};


const { data, isError, error } = useQuery({
    queryKey: ['visit', 18657],
    queryFn: () => getVisitById(18657),
  });

  if (isError) {
    return <div>{error.message}</div>;
  }

  console.log(data)

  if (isError) {
    return <div>{error.message}</div>;
  }

  if (!isSuccess) return

  console.log(data)

  if (isError) {
    return <div>{error.message}</div>;
  }

  if (!isSuccess) return

  console.log(data)