When moving item between lists
Reston opened this issue · comments
So I'm using two GridDropZone but when I'm moving items from one to the other I get the following warning.
Warning: Cannot update a component from inside the function body of a different component.
Using react 16.13.1 and react-grid-dnd 2.1.2
console. | @ | index.js:1 |
-- | -- | -- | --
| overrideMethod | @ | react_devtools_backend.js:2273
| printWarning | @ | react-dom.development.js:88
| error | @ | react-dom.development.js:60
| warnAboutRenderPhaseUpdatesInDEV | @ | react-dom.development.js:23260
| scheduleUpdateOnFiber | @ | react-dom.development.js:21196
| dispatchAction | @ | react-dom.development.js:15682
| endTraverse | @ | GridContext.js:153
| (anonymous) | @ | GridItem.js:21
| callProp | @ | web.js:195
| (anonymous) | @ | web.js:1478
| fillArray | @ | web.js:254
| (anonymous) | @ | web.js:1476
| mountMemo | @ | react-dom.development.js:15464
| useMemo | @ | react-dom.development.js:15760
| useMemo | @ | react.development.js:1521
| useSprings | @ | web.js:1476
| useSpring | @ | web.js:1557
| GridItem | @ | GridItem.js:16
| renderWithHooks | @ | react-dom.development.js:14825
| mountIndeterminateComponent | @ | react-dom.development.js:17505
| beginWork | @ | react-dom.development.js:18629
| beginWork$1 | @ | react-dom.development.js:23210
| performUnitOfWork | @ | react-dom.development.js:22185
| workLoopSync | @ | react-dom.development.js:22161
| performSyncWorkOnRoot | @ | react-dom.development.js:21787
| (anonymous) | @ | react-dom.development.js:11111
| unstable_runWithPriority | @ | scheduler.development.js:653
| runWithPriority$1 | @ | react-dom.development.js:11061
| flushSyncCallbackQueueImpl | @ | react-dom.development.js:11106
| flushSyncCallbackQueue | @ | react-dom.development.js:11094
| scheduleUpdateOnFiber | @ | react-dom.development.js:21230
| dispatchAction | @ | react-dom.development.js:15682
| onChange | @ | index.jsx:113
| onSwitch | @ | GridContext.js:182
| onEnd | @ | GridDropZone.js:105
| handleEnd | @ | GridItem.js:56
| onRelease | @ | index.js:223
| handleEnd | @ | index.js:101
| handleEndMouse | @ | index.js:266
There's a whole issue talking about it, however I don't get to fix it facebook/react#18178