When using useSWRInfinite with {revalidateOnMount: true, revalidateFirstPage: false}, if there is a useLayoutEffect, the component will not make a new request when it is mounted.

[turnflowerdown]

Bug report

Description / Observed Behavior

When using useSWRInfinite with {revalidateOnMount: true, revalidateFirstPage: false}, if there is a useLayoutEffect with change state in it, the component will not make a new request when it is again mounted.

Expected Behavior

Enter the component again need to send a new request

Repro Steps / Code Example

1. Load components for the first time，success send a request
2. Return to the previous page
3. Enter the component again, and no request is sent

  const [state, setState] = useState(true);
  useLayoutEffect(() => {
    setState(false);
  }, []);

  useSWRInfinite(index => ({
    pageNum: index + 1,
    pageSize: 20,
  }), fetcher, {
    revalidateOnMount: true,
    revalidateFirstPage: false,
  });

Additional Context

swr      2.2.5
react    18.3.1

[st-canpham]

@turnflowerdown
I have the same issue; the revalidateOnMount does not work with revalidateFirstPage: false
Do you have any ways to resolve it?

[turnflowerdown]

@turnflowerdown I have the same issue; the revalidateOnMount does not work with 我也有同样的问题；revalidateOnMount不起作用revalidateFirstPage: false Do you have any ways to resolve it?你有什么办法解决这个问题吗？

@st-canpham you can try

const {isValidating, mutate} = useSWRInfinite(....);

useEffect(() => {
  if (!isValidating) {
    mutate().catch(noop);
  }
  // eslint-disable-next-line react-hooks/exhaustive-deps
}, [mutate]);