본문 바로가기
Web development/React.js & Typescript

[React, Material UI] Warning: MaxListenersExceededWarning

by 자몬다 2020. 11. 15.

발생 조건

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

발생 원인

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

해결 방법

아래 코드 추가

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

나는 12를 넣었다.

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

댓글