reactjsnpminstallationreact-dnd

Beautiful Dnd is not working with react@18

I am trying to include beautiful dnd package in my project but i got error while installing the package.enter image description here

Please tell me if there is any other package like it or the solution of this error.

Solution

  • You can try installing @hello-pangea/dnd from here with the following command:

    npm i @hello-pangea/dnd

    Later on, pretty much everything else is the same, you only change your imports from:

    import { DragDropContext } from 'react-beautiful-dnd';

    to

    import { DragDropContext } from '@hello-pangea/dnd';

    Their NPM page:

    https://www.npmjs.com/package/@hello-pangea/dnd

    And their Github Repo:

    https://github.com/hello-pangea/dnd