useInfiniteQuery - data argument of setQueryData is undefined when URL contain parameters

[cjambrosi]

Tec libs version

react-query: 3.12.0
next: 10.0.7
react: 17.0.1
react-dom: 17.0.1

The Scenario

Hey guys!

I have a message feed where i use useInfiniteQuery to make the first request and infinite pagination.
However, when receive a new message socket, i need to update the react query with this new message. To do this, i'm using queryClient.setQueryData informing the key of my query and its value [FETCH_INFINITE_INTERACTIONS_KEY, channelSelected?.id].

Query hook function:

export function useGetInfiniteInteractions(
  params: IQueryArgument,
): UseInfiniteQueryResult<any, CustomError> {
  return useInfiniteQuery<any, CustomError>(
    [FETCH_INFINITE_INTERACTIONS_KEY, params?.channelId],
    ({ pageParam = 0 }) => {
      const paramsData = {
        ...params,
        lastSendAt: pageParam === 0 ? null : params?.lastSendAt,
        pageIndex: pageParam,
      };

      return query(paramsData);
    },
    {
      getNextPageParam: lastPage =>
        getPaginationOfInteractions(lastPage, interectionsStoreSizeByQuery),
    },
  );
}

Socket listener:

useEffect(() => {
      if (
        socketResponseData?.topic === newChannelInteractionTopic &&
        socketResponseData?.data
      ) {
        queryClient.setQueryData(
          [FETCH_INFINITE_INTERACTIONS_KEY, channelSelected?.id],
          data => ({
            pages: updateInteractionsInReactQuery(
              data?.pages,
              socketResponseData?.data,
              eTypeUpdateInterectionQuery.Insert,
            ),
          }),
        );

        resetSocketResponseData();
      }
    }, [socketResponseData, channelSelected?.id]);

The Problem

Everything works great on "normal" pages. The problem is when i need to add the feed component on a page that has parameters in the URL. Only when this page has parameters is data returning undefined.
The request is made normally, the messages are listed, but when i receive a new message socket and i update the react query, the data is undefined.
If I take all the URL parameters and leave only the page name (pathname), the data returns the array of pages normally.
I don't understand what one thing has to do with the other?!

Code fragment:

queryClient.setQueryData(
    [FETCH_STORE_INFINITE_INTERACTIONS_KEY, channelSelected?.id],
    data => console.log('data', data), // this data <--
 );

Example with URL parameters:
URL: http://localhost:3000/en/trading?argumentA=12345&argumentB=12345
console.log('data', data): undefined

Example without parameters in the URL:
URL: http://localhost:3000/en/trading
console.log('data', data):

// log
{
  pageParams: [],
  pages: [{ ... }, { ... }]
}