MUI Migration from v4 TreeItem Error

이경은·2021년 12월 16일
0

오류

Error Message: Unknown event handler property

에러 발생 코드

                          <StyledTreeItem
                            key={mac + "-" + bank.key}
                            nodeId={mac + "-" + bank.key}
                            onLabelClick={handleLabelClick(mac + "-" + bank.key)}
                            labelText={bank.name}
                            labelIcon={FolderOutlinedIcon}
                            labelSize={24}
                          >

StyledTreeItem은 MUI의 TreeItem 컴포넌트에 스타일을 입힌 컴포넌트.
v5로 migration하고 나니 에러 발생.

해결

  • 정확한 에러 원인은 모르겠지만, v4 버전에는 onLabelClick으로 사용했는데, v5에서는 사라진 것 같다.
  • onClick으로 바꾸니 정상 작동했다.
                        <StyledTreeItem
                          key={mac + "-" + bank.key}
                          nodeId={mac + "-" + bank.key}
                          onClick={handleLabelClick(mac + "-" + bank.key)}
                          labelText={bank.name}
                          labelIcon={FolderOutlinedIcon}
                          labelSize={24}
                        >
profile
Web Developer

0개의 댓글