Return multiple queries on react router loader

const myQuery1 = (id) => ({ 
  queryKey: ... ,
  queryFn: ... , 
})
const myQuery2 = () => ({ 
  queryKey: ... ,
  queryFn: ... , 
})

export const loader =
  (queryClient) =>
  async ({ params }) => {
    const query1 = myQuery1(params.contactId);
    const query2 = myQuery2();
    return (
      [
        queryClient.getQueryData(query1.queryKey) ??
        (await queryClient.fetchQuery(query1)),

        queryClient.getQueryData(query2.queryKey) ??
        (await queryClient.fetchQuery(query2))
      ]
    );
  };

const myQuery1 = (id) => ({ 
  queryKey: ... ,
  queryFn: ... , 
})
const myQuery2 = () => ({ 
  queryKey: ... ,
  queryFn: ... , 
})

export const loader =
  (queryClient) =>
  async ({ params }) => {
    const query1 = myQuery1(params.contactId);
    const query2 = myQuery2();
    return (
      [
        queryClient.getQueryData(query1.queryKey) ??
        (await queryClient.fetchQuery(query1)),

        queryClient.getQueryData(query2.queryKey) ??
        (await queryClient.fetchQuery(query2))
      ]
    );
  };