useEffect dependency

useEffect warning

export default function App({ cakeName }) {
  const [value, setVAlue] = useState(true);
  useEffect(() => {
    console.log(cakeName);
  }, [value]);

state인 value가 변경될떄마다 props로받는 cakeName을 콘솔에 찍는다.
그런데 [value] dependency에 warning이 일어남.
useEffect내부에서 cakeName을 사용하고있는데 dependency에 빼먹었다는 warning 메시지이다.

React Hook useEffect has a missing dependency: 'cakeName'. Either include it or remove the dependency array. (react-hooks/exhaustive-deps)

-> 해석하면 cakeName을 너가 useEffect내에서 사용하고있는데 cakeName이 만약 변경된다면 너는 그 변경된 값이 적용되지 않고있으닌까 warning을 준것이다.

export default function App({ cakeName }) {
  const [value, setVAlue] = useState(true);
  useEffect(() => {
    console.log(cakeName);
  }, [value, cakeName]);

useEffect dependency에 cakeName을 추가로 넣어서 warning해결.