의존성 배열에 객체 넣었는데 그것 때문에 useEffect가 렌더링될때마다 계속 도는거같아요
function Counter() {
const [count, setCount] = useState(0);
const config = { darkMode: true };
useEffect(() => {
setCount(c => c + 1);
}, [config]);
return <div>{count}</div>;
}
의존성 배열에 config 넣었는데 콘솔 보면 계속 렌더링되면서 무한루프 돌아요. config 값 자체는 안바뀌는데 왜 이런가요