useSuspenseQueries: Not referrentially stable

[Strepto]

Using @tanstack/[email protected] and @tanstack/[email protected] what is the best way to avoid this error for useQueries and useSuspenseQueries?

The result of useSuspenseQueries is not referentially stable, so don't pass it directly into the dependencies array of useMemo. Instead, destructure the return value of useSuspenseQueries and pass the destructured values into the dependency array of useMemo

import React from 'react';
import { useSuspenseQueries, queryOptions } from '@tanstack/react-query';
const coolGlobalCombineFunction = results =>
  results.map(result => result.data) as number[];
const useMyHook = () => {
  const variousDatas = [{ id: 1 }, { id: 2 }];
  const combinedQueryResult = useSuspenseQueries({
    queries: variousDatas.map(x =>
      queryOptions({
        queryKey: [x.id],
        queryFn: () => x.id,
      })
    ),
    combine: coolGlobalCombineFunction,
  });
  const memoedSomething = React.useMemo(
    () => combinedQueryResult.map(x => x + 1),
    [combinedQueryResult] // <-- Here is the error
  );
  return memoedSomething;
};

I can construct a "fake" object in the combine function and destructure that, but I dont think that would change anything would it?

[TkDodo]

compute memoedSomething inside combine:

combine: React.useCallback(results => {
  const result = coolGlobalCombineFunction()
  return result.map(x => x + 1)
}, [])