(React) useEffect가 무한루프 도는데 원인을 못 찾겠습니다

안녕하세요. 리액트 배운지 얼마 안 된 초보입니다. 카운트 올리는 간단한 거 만들어보다가 브라우저가 아예 멈춰버려서요.

이렇게 짰습니다.

function Counter() {
  const [count, setCount] = useState(0);
  useEffect(() => {
    setCount(count + 1);
  });
  return <div>{count}</div>;
}

실행하면 숫자가 미친듯이 올라가고 콘솔에 리렌더 경고 뜨다가 탭이 뻗어요. 딱히 이상한 코드 같지도 않은데 왜 이러는지 모르겠습니다.

추가로 다른 컴포넌트에서는 의존성 배열에 객체를 넣었더니 [options] 이런 식으로요, 그것도 계속 재실행되던데 이것도 같은 이유인가요? 무한루프 안 나게 하려면 어떻게 잡아야 하나요.