improve stability of useInfiniteQuerySubscription's return value

Author: EskiMojo14

packages/toolkit/src/query/react/buildHooks.ts

@@ -2052,13 +2052,25 @@ export function buildHooks<Definitions extends EndpointDefinitions>({
 
       usePromiseRefUnsubscribeOnUnmount(promiseRef)
 
+      const stableArg = useStableQueryArgs(
+        options.skip ? skipToken : arg,
+        // Even if the user provided a per-endpoint `serializeQueryArgs` with
+        // a consistent return value, _here_ we want to use the default behavior
+        // so we can tell if _anything_ actually changed. Otherwise, we can end up
+        // with a case where the query args did change but the serialization doesn't,
+        // and then we never try to initiate a refetch.
+        defaultSerializeQueryArgs,
+        context.endpointDefinitions[endpointName],
+        endpointName,
+      )
+
       return useMemo(() => {
         const fetchNextPage = () => {
-          return trigger(arg, 'forward')
+          return trigger(stableArg, 'forward')
         }
 
         const fetchPreviousPage = () => {
-          return trigger(arg, 'backward')
+          return trigger(stableArg, 'backward')
         }
 
         return {
@@ -2070,7 +2082,7 @@ export function buildHooks<Definitions extends EndpointDefinitions>({
           fetchNextPage,
           fetchPreviousPage,
         }
-      }, [promiseRef, trigger, arg])
+      }, [promiseRef, trigger, stableArg])
     }
 
     const useInfiniteQueryState: UseInfiniteQueryState<any> =