input, textField가 느리게 동작하는 이슈 - React Developer Tool

https://stackoverflow.com/questions/64706801/textfield-unnecessary-re-renders

material ui의 TextField 컴포넌트를 사용하던 중 발생한 문제 !

크롬 개발자 도구와 React Developer Tool을 이용하여 렌더링 되는 부분을 하이라이팅하는 기능을 사용하고 있는데... 테스트로 마구 입력해보던 중 렌더링이 심각하게 느려져 (ex.입력이 1초 뒤에 된다거나) 무슨 문제지 ? 하고 알아보았다.

The debugger tools are bugged in regards to memoized components. When you memoize components they don't actually re-render, but the debugging tools highlights them anyway (see https://github.com/facebook/react/issues/19778).

디버거의 버그 문제로, 실제로 리렌더링 되지 않더라도 하이라이팅하는 것 때문에 발생한 문제 !

개발자 도구를 끄고 테스트해보니 마구 입력해도 느려지지 않았다.