React on fetch in then clause array not detecting added item and not detecting that item has been deleted

Question

I have a problem where after fetching array is not updating properly.

      const [lists, setLists] = useState([]);
    
      useEffect(() => {
        ge