ReactJS状态不变

我正在尝试实现无限滚动功能。我试图使用Intersection Observer实现它，但控制台Hi输出良好，函数执行良好。然而，国家并没有增加。为什么呢？我怎样才能修好它

  const fakeFetch = (delay = 400) =>
  new Promise((res) => setTimeout(res, delay));

const fetchItems = async () => {
  try {
    setParams((state) => state + 1);
    console.log(11111, params); //1
    await fakeFetch();
    const res = await axios.get(baseUrl + params, config);
    setPosts(posts.concat(res.data.posts));
    console.log(res);
  } catch (err) {
    console.log(err);
  }
};

useEffect(() => {
  fetchItems();
}, []);

const [_, setRef] = useIntersect(async (entry, observer) => {
  console.log("hi"); //hi
  console.log(params); //1
  observer.unobserve(entry.target);
  await fetchItems();
  observer.observe(entry.target);
}, {});