context is loose and deprecated cloneWithProps

[cocodrino]

Hi, I'm using baobab and my code works nice but today I was trying include react-shuffle and I notice than I'm receiving some errors

 Uncaught TypeError: Cannot read property 'createFacet' of undefined

I checked the error in google and end

github.com/Yomguithereal/baobab-react/issues/52

"this error occur because the rendered children has not access to the same context as set by your root component."

it's not so clear to me, context is a new (and not so much documented) feature and I can't understand how sort this problem

now, I also notice than you're actually using cloneWithProps which is the way suggested there

but seems than cloneWithProps is deprecated

now you can use https://facebook.github.io/react/docs/top-level-api.html#react.cloneelement which keep the ref

I'm not a react expert, so I can't understand so much about it.

I hope you can understand better the problem and can give me a clue about how solve it, thanks!

[nutgaard]

Now I dont know how baobab works, but this issue is most likely due to the portal in react-shuffle (I've just seen the same thing with react-magic-move). The portal creates a new react renderingtree which breaks the component hierarchy, and therefore children inside of the portal will not be part of the same rendering-tree. Since the context is scoped to a single renderingtree the children of the portal will not receive its expected context.