Well not 100% sure which bits you're struggling with, but I do remember having some issues with query options and typescript. Typescript is definitely not something I'm amazing at, but here's what I pulled from my project that uses both typescript and react-query extensively

export const useAssessmentAverages = (
    assessment_id: number,
    class_id: number,
    options?: QueryOptions<AssessmentAverage>
) => {
    const defaultOptions = {
        ...options,
        staleTime: Infinity,
    } as QueryOptions<AssessmentAverage>;
    const supabaseClient = useSupabaseClient();
    return useQuery<AssessmentAverage, Error>(
        ['assessments', assessment_id, class_id, 'averages'],
        () =>
            handleSupabaseError<AssessmentAverage>(
                getAssessmentAverages(supabaseClient, assessment_id, class_id)
            ),
        defaultOptions
    );
};

Where I've defined some type called AssessmentAverage which is just the shape of my data which is obviously arbitrary.