Maximum update depth exceeded 리엑트 무한렌더링..에러

Question

import SmsSendPopupFormStore from "edsp/application/common/popup/sms/SmsSendPopupFormStore"; import SmsSendPopupPageStore from "edsp/application/common/popup/sms/SmsSendPopupPageStore"; import useEdspStore from "edsp/views/common/hooks/useEdspStore"; import { observer } from "mobx-react-lite"; import React from "react"; import SmsSendPopupFormEdit from "./SmsSendPopupFormEdit"; export default observer(SmsSendPopupForm); function SmsSendPopupForm() { const pageStore = useEdspStore(SmsSendPopupPageStore); const formStore = useEdspStore(SmsSendPopupFormStore); React.useEffect( () => { formStore.read(pageStore.params.msgSeq); console.log(formStore) return () => { formStore.msgData = undefined; }; }, // eslint-disable-next-line react-hooks/exhaustive-deps [pageStore.params] ); if (formStore.msgData == null) { return null; } return ; } 원래 잘 실행됐던 코드인데 .. 갑자기 무한 렌더링을 하네요 .... 왜그럴까요 ..에러 내용은 .. 이렇게 뜨네요...3react-dom.development.js:84Warning: 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.at observerComponent (http://localhost:3000/static/js/bundle.js:117300:69)at divat observerComponent (http://localhost:3000/static/js/bundle.js:117300:69)at (http://localhost:3000/static/js/bundle.js:8286:7)at App (http://localhost:3000/static/js/bundle.js:161:75)at Router (http://localhost:3000/static/js/bundle.js:178993:15)at BrowserRouter (http://localhost:3000/static/js/bundle.js:177163:5)at Provider (http://localhost:3000/static/js/bundle.js:174153:20)

Maximum update depth exceeded 리엑트 무한렌더링..에러

0개의 답변

기타 목록