[React, Material UI] Warning: MaxListenersExceededWarning

발생 조건

• Material UI에서 Grid 컴포넌트를 사용해 리스트 구현
• 리스트 테이블의 컬럼 수가 10개 이상일 때

발생 원인

• Event listener는 10개가 default
• 컬럼을 resizing해주는 이벤트리스너(colResizer)가 컬럼수만큼 생성된다.
  • colResizing 이벤트를 막을 수 있는 XGrid컴포넌트를 사용해도 되지만, 상업적 사용시 유료이다.
• 따라서 컬럼이 10개 이상이 되면 워닝이 발생함.

해결 방법

아래 코드 추가

require('events').EventEmitter.prototype._maxListeners = {컬럼 수};

나는 12를 넣었다.

참고로 0을 넣으면 무제한이 되는데 권장하지 않는다.