Material-UI 사용 중에 findDOMNode is deprecated 에러가 뜬다면?

얼마전에 Material-UI를 사용하다가 PopOver를 사용하게 되었는데,
그 뒤로 에러가 떴다.

막줄을 보면 알겠지만, Popover에서 생긴 문제다.

---

findDOMNode is deprecated 에러란?

우선 이 에러가 무엇인지 알아보자.

이름만 봐도 알 수 있듯, DOM Node를 찾는 함수가 만료(deprecated)되었다고 한다.
여기서 만료 = '더 이상 사용하지 않음'이다.

이 함수는 react-dom 패키지에 있는 함수다.

https://ko.reactjs.org/docs/react-dom.html#finddomnode

ReactDOM – React

보다시피 Strict 모드에서는 권장되지 않는다고 한다.

---

왜 에러가 나는건가?

에러가 나는 이유는 간단하다.

1. 내 App이 StrictMode이다. (<StrictMode>로 감싸져있다.)

2. Material-UI 컴포넌트중에 findDOMNode를 사용하는 애들이 있다.

3. 그 컴포넌트를 쓰면 간접적으로 findDOMNode가 호출되면서 에러가 뜬다.

---

해결 방안은?

https://stackoverflow.com/questions/61220424/material-ui-drawer-finddomnode-is-deprecated-in-strictmode

material-ui Drawer - findDOMNode is deprecated in StrictMode

네... 그냥 Strict 모드를 끄라고 합니다.

끄는 방법: Index.js에 들어가서 <StrictMode>와 </StrictMode>를 주석처리한다.