How to show loading state only when specific param change

{
        cursor: z.number(),
        pageSize: z.number().min(1),
        startDate: z.date().optional(),
        endDate: z.date().optional(),
        searchTerm: z.string().optional(),
}

{
        cursor: z.number(),
        pageSize: z.number().min(1),
        startDate: z.date().optional(),
        endDate: z.date().optional(),
        searchTerm: z.string().optional(),
}

const [search, setSearch] = useState('');

const [search, setSearch] = useState('');

  const { data, isLoading, fetchNextPage, fetchPreviousPage } =
    api.affiliate.getAll.useInfiniteQuery(
      {
        pageSize: 10,
        searchTerm: search,
      },
      {
        getNextPageParam: {some code here}
        initialCursor: 0,
      },
    );

  const { data, isLoading, fetchNextPage, fetchPreviousPage } =
    api.affiliate.getAll.useInfiniteQuery(
      {
        pageSize: 10,
        searchTerm: search,
      },
      {
        getNextPageParam: {some code here}
        initialCursor: 0,
      },
    );