useEffect 질문 드립니다.

  const [objArr, setObjArr] = useState([]);

  useEffect(() => {
    let datas = localStorage.getItem("test2");
    datas = JSON.parse(datas);
    setObjArr(datas);
  }, [objArr]);

  const handleArr = (e) => {
    let copy = [...objArr];
    copy = copy.filter((data) => {
      return data.id !== e.target.dataset.id;
    });
    localStorage.setItem("test2", JSON.stringify(copy));
  };

이런식으로 코드를 짜서 버튼을 클릭하면 Localstorage 값을 바꿔주고, 그 값을 objArr 스테이트에 담아서 렌더 하는데 ,

Warning: Maximum update depth exceeded. This can happen when a component calls setState inside useEffect, but useEffect either doesn't have a dependency array, or one of the dependencies changes on every render. 이런 에러가 뜹니다.  의존성배열 안에 있는 값이 계속 바뀌면서 무한 업데이트가 된다는 것 같은데, 어떻게 해결 해야 하나요??ㅠㅠ