I am using useEffect in this way in my react component

  const [activePage, setActivePage] = useState(1);
  const [userId] = useState(localStorage.getItem("__uid"));
  const [dateRange, setDateRange] = useState([]);
  const [sort, setSort] = useState({ _id: -1 });
  const [count, setCount] = useState(0);
  const [type, setType] = useState("automate");
  const [search, setSearch] = useState("");


  useEffect(() => {
    allClips();
  }, [activePage, dateRange, userId, sort, type, searchText]);

So instead of passing each parameter as an argument I have done this

  useEffect(() => {
    allClips();
  }, [count]);

And changing the count on every of the state changes after setting above ones like this

   onChangeActivePage = (activePage) => {
     setActivePage(activePage)
     setCount(count + 1)
   } 

So is it a correct way or it could fail since the setState is async function?