[bug] Attempted import error: 'MultiDrag' is not exported from 'sortablejs'

[icflorescu]

Describe the bug
Getting this error in a Next.js application since v5 was released:

error - ./node_modules/react-sortablejs/dist/index.es.js
Attempted import error: 'MultiDrag' is not exported from 'sortablejs'.

Information
This is required. Issues without this critical information will be closed.

Versions:
react-sortable = ^5.0.4
react = 16.13.1

The only thing that works for me is freezing react-sortable version to 2.0.11 exactly.

[waynevanson]

sortablejs is a peer dependency. Please download it and let me know how you go.

If it doesn't work, please let me know, freeze it and I'll try get it sorted.

[waynevanson]

related to #178

[Holenvik]

sortablejs is a peer dependency. Please download it and let me know how you go.

If it doesn't work, please let me know, freeze it and I'll try get it sorted.

Hi, it doesn't work

[sagar1596]

Freezing the version works for me but I'm going back from a 5.x to a 2.x version and might miss many bug fixes and features.
Thank you guys for the responsiveness and looking forward to a fix 😊

[waynevanson]

Remove any code that mounts the multidrag plugin and see if it works.

It looks like module in the package.json for sortablejs mounts the plugin and therefore doesn't export it.
https://github.com/SortableJS/Sortable/blob/master/packages/sortablejs/src/modular-complete.ts

going back from a 5.x to a 2.x version and might miss many bug fixes and features

You haven't missed much, we wentfrom v2 to v5 in a day because I was adding semantic-release via github actions.

[Eric-Juquel]

same issue , any solution ?

[waynevanson]

Read the migration guide for further guidance.

@Eric-Juquel did you try what I said?

[icflorescu]

@waynevanson - I knew about sortablejs being a peer dependency, I had it installed and that wasn't the cause of the error.

Edit: I'm not even using MultiDrag, just doing this:

import { MultiDrag } from 'sortablejs';
...
<ReactSortable className={classes.photos} list={photos} setList={handleSort}>
  {photoComponents}
</ReactSortable>
...

I did some more tests and found out that "react-sortablejs": "^5.0.5" doesn't throw the error if I freeze sortablejs to 1.10.1 or 1.10.2 exactly (1.10.0 won't work with Next.js due to SortableJS/Sortable#1638). Which leads me to believe this must be related to a change in latest sortablejs (currently 1.12.0)...

Are you absolutely sure you've updated your local deps before testing?
I see ^1.10.0 here: https://github.com/SortableJS/react-sortablejs/blob/master/package.json#L76

[dagreatbrendino]

having this same issue on a staging build but not on local

edit: realized it was working locally because it was on version 2.x and staging build was on 5.x .
after upgrading locally to 5.0.5 I followed @icflorescu steps and locked sortablejs at 1.10.2 and it seems to be working again locally and on staging site.

[waynevanson]

@icflorescu It looks like the typescript typings are out of date and that us exporting the plugins is a bug.