React lint error with infinite scroll virtualization

[nojaf]

Hello,

I'm trying to follow along with https://tanstack.com/virtual/latest/docs/framework/react/examples/infinite-scroll?panel=code

(Using React 19 + compiler setup)

import * as React from "react";
import * as Ronnies from "./Ronnies.res.mjs";
import * as ReactQuery from "@tanstack/react-query";
import * as ReactVirtual from "@tanstack/react-virtual";

async function fetchNextPage(ctx) {
  let pageParam = ctx.pageParam;
  return await Ronnies.ronnies.getList(pageParam, 5, {
    sort: "created"
  });
}

function Overview(props) {
  React.useMemo(() => {}, []); // Use React.useMemo correctly
  let match = ReactQuery.useInfiniteQuery({
    queryKey: ["ronnies_overview"],
    queryFn: fetchNextPage,
    initialPageParam: 1,
    getNextPageParam: (lastPage) => {
      if (lastPage.totalPages === lastPage.page) {
        return;
      } else {
        return lastPage.page + 1;
      }
    }
  });

  let fetchNextPage = match.fetchNextPage;
  let hasNextPage = match.hasNextPage;
  let data = match.data;
  let allRows = data !== undefined ? data.pages.flatMap(p => p.items) : [];
  let parentRef = React.useRef(null);
  
  let rowVirtualizer = ReactVirtual.useVirtualizer({
    count: hasNextPage ? allRows.length + 1 : allRows.length,
    getScrollElement: () => parentRef.current,
    estimateSize: () => 410
  });

  return <p>meh</p>; // Return the JSX
}

Am I missing something here?
Could I ignore this rule instead?

I'm not as knowledgeable about this, so I'm wondering if this is an actual problem or not.