Fetch data with fetchNextPage inside useInfiniteQuery even when enabled: false

[shaadcode]

  const [page, setPage] = useState<number>(1);
  const { data, fetchNextPage } = useInfiniteQuery({
    queryKey: ['products'],
    queryFn: ({ pageParam }) => {
      setPage(pageParam);
      return httpRequest({
        baseURL: 'https://jsonplaceholder.typicode.com',
        url: '/todos',
        params: {
          _limit: 10,
          _start: pageParam * 10,
        },
      });
    },
    initialPageParam: 1,
    getNextPageParam: () => {
      return page + 1;
    },
    enabled: false,
  });

  return (
    
      <Button  onClick={() => fetchNextPage()}>
        {t('brand')}
      </Button>
  );

In the code above, why is the fetch operation performed when I call the fetchNextPage function even though enabled is set to false?
Is this a problem or am I doing something wrong?

[TkDodo]

just like refetch, those imperative functions returned from useInfiniteQuery bypass enabled. You have to not call them when the query is enabled: false. I guess you’d want to disable the button. Otherwise, pressing the button would do nothing if fetchNextPage() just did nothing internally.