문제상황 해결1. uuid4() -> uuidv4()
문제상황 해결2. StrickMode에 대한 문제가 발생. 검색해보니 React v18은 react-beautiful-dnd에서 문제가 생기는 것 같다. StrictMode를 없애도 해결이 됐지만, (있던걸 없애기 보다)다른 방법도 찾아봤다.
그리고 아래의 깃허브를 참고했다.
https://github.com/hello-pangea/dnd
GitHub - hello-pangea/dnd: Beautiful and accessible drag and drop for lists with React.
Beautiful and accessible drag and drop for lists with React. - GitHub - hello-pangea/dnd: Beautiful and accessible drag and drop for lists with React.
github.com
Getting React 18’s “Strict mode” to work with react-beautiful-dnd
A well-loved package used by many developers, known as react-beautiful-dnd, allows for dragging and dropping items in your frontend…
medium.com
https://velog.io/@pung8146/Unable-to-find-draggable-with-id-error-beautiful-dnd
Unable to find draggable with id (error) -beautiful dnd
맨처음로딩시 커서가 잠깐 뜨고작동이 되지않고 드래그시 console창에서 Unable to find draggable with id 에러문구가 뜨기시작한다.검색해보니 dnd 라이브러리에서 자주 일어나는 문제고 해결하는법은
velog.io