React mixin clone error

[bismark64]

Hi guys, I'm using this wonderful library but I'm having some issues with the group clone option.

This is an excerpt from the code:

var CouponList = React.createClass({
  mixins: [SortableMixin],

  sortableOptions: {
    group: {
      name: 'organize',
      pull: 'clone'
    },
    animation: 200,
    ghostClass: 'sortable-ghost'
  },
});

and

var BookCategoryDiscounts = React.createClass({
  mixins: [SortableMixin],

  sortableOptions: {
    group: 'organize',
    animation: 200,
    ghostClass: 'sortable-ghost',
    filter: '.btn-danger'
  },
});

After dropping an item from the first list into the second one I get this:

Uncaught Error: Invariant Violation: ReactMount: Two valid but unequal nodes with the same `data-reactid`:

this is because there are 2 duplicate items in the first list (same data-reactid) and of course the 'cloned' item in the second..

Sorry I'm newbie, what am I doing wrong?

[ChiefORZ]

You are not a newbie. This reaction wasn't considered by making the mixin, i think. I will take a look at it, maybe it is fixed easily.

[bismark64]

Thank you @ChiefORZ, that would help me a lot!

[RubaXa]

Create example on jsbin.com (draft)

[ChiefORZ]

here you go http://jsbin.com/vaqolejixi/edit?js,output

[RubaXa]

Dear all! Meteor is moved to the separate repository. If this issue is still actual, please create it there once again and this rojects needs a maintainer:

• ES2015+: https://github.com/SortableJS/react-sortablejs 🆘
• mixin: https://github.com/SortableJS/react-mixin-sortablejs