Make revertState non-private again

[wvuchpd]

``Hello, in react-query v4 the revertState was accessible for example in a refetchInterval function. But in v5 it is "hash-private" https://github.com/TanStack/query/blob/main/packages/query-core/src/query.ts#L170 so we can't access it anymore

In our project we would need access to it, or at least to the "isInvalidated" property.

The reason is, that our refresh-logic is delayed (invalidate from web-socket-msg with refetchType "none" and cancelRefetch false) so we only return a number here if either the current state is invalidated or the revertState is, effectively making 2 refetches for a change (but maybe skipping 10-100 refetches would otherwise happen if we refetched on every web-socket-msg), because otherwise we can't be sure to have gotten the latest data when the web-socket-msgs finally stop dripping in.

import React from 'react';
import { useState } from 'react';
import ReactDOM from 'react-dom/client';
import {
  QueryClient,
  QueryClientProvider,
  useQuery,
  useQueryClient,
} from '@tanstack/react-query';
import { ReactQueryDevtools } from '@tanstack/react-query-devtools';

const queryClient = new QueryClient();

export default function App() {
  return (
    <QueryClientProvider client={queryClient}>
      <ReactQueryDevtools />
      <Example />
    </QueryClientProvider>
  );
}

function Example() {
  const [refreshClickedTime, setRefreshClickedTime] = useState<
    undefined | number
  >(undefined);
  const queryClient = useQueryClient();
  const { isPending, error, data, isFetching, status, isLoading } = useQuery({
    queryKey: ['repoData'],
    queryFn: async () => {
      return { timestamp: Date.now() };
    },
    refetchInterval: (query) => {
      if (
        query.state.fetchStatus === 'idle' &&
        query.state.isInvalidated /*|| query.revertState?.isInvalidated*/
      ) {
        return 3000;
      }
      return false;
    },
  });

  if (isPending) return 'Loading...';

  if (error) return 'An error has occurred: ' + error.message;

  return (
    <div>
      <button
        onClick={() => {
          setRefreshClickedTime(Date.now());
          queryClient.invalidateQueries({
            queryKey: ['repoData'],
            cancelRefetch: false,
            refetchType: 'none',
          });
        }}
      >
        refresh
      </button>
      <p>click: {refreshClickedTime}</p>
      <p>datat:{data.timestamp}</p>
      <div>{isFetching ? 'Updating...' : ''}</div>
      <div>{isLoading ? 'isLoading...' : ''}</div>
    </div>
  );
}

const rootElement = document.getElementById('root') as HTMLElement;
ReactDOM.createRoot(rootElement).render(<App />);