03.23 - react-sortable-tree 사용 시 에러 npm dedupe 로 해결

TIL(Today I Learned)/2022년

심리밀당남 2022. 3. 23. 17:53

문제 상황

회사 일로 react-sortable-tree를 쓰는데, 'Cannot have two HTML5 backends at the same time.'라는 에러가 떴음

문제는 말 내가 한 페이지 내에서 두개 이상의 SortableTree를 사용하기 때문이었음

찾아보니, SortableTreeWithoutDndContext를 쓰고, dnd를 내 컴포넌트에서 주입해주면 된다고 함.

그렇게 했지만, 렌더는 잘됐던게 아무것도 안뜸. 서치를 더 해보니 밖에서 주입해야하는 dnd가 적용이 안되서 그럼. 분명 안될리가 없는데 안됐음

이슈를 계속 뒤적여보니, react-dnd가 내 package와 sortableTree 두 군데서 따로 load되어 사용되기 때문이라는 코멘트가 보였음

그래서 npm dedupe --legacy-peer-deps를 적용하니 문제가 해결됨!!

npm dedupe

여러 패키지에서 공통으로 사용하는 패키지를 정리해줌