Cannot get the Basic Tree Table to work (expected drag drop context)

Widgets
1

I have copy and pasted the source code for the basic tree table found here :
<INTERNAL_LINK>

However when I run this code, in my modal, in an action content box, like so :

 				<ModalOverlay>
					<ActionContentbox>
.....
					</ActionContentbox>
				</ModalOverlay>

I get the following error :

Uncaught Invariant Violation: Expected drag drop context
    at invariant (http://localhost:3000/<PROJECT_NAME>/vendors~main.bundle.js:163162:15)
    at useDragDropManager (http://localhost:3000/<PROJECT_NAME>/vendors~main.bundle.js:346258:73)
    at useDropTargetMonitor (http://localhost:3000/<PROJECT_NAME>/vendors~main.bundle.js:346135:95)
    at Module.useDrop (http://localhost:3000/<PROJECT_NAME>/vendors~main.bundle.js:346466:106)
    at TreeTableContainer (http://localhost:3000/<PROJECT_NAME>/vendors~main.bundle.js:119125:26)

This is unusual because I do not require any drag and drop, nor is there any drag and drop in the example given. Why am I getting this error?

2

Hi @oliver-clear-slope,

Thanks for your question and sorry for late reply.

This is a Widgets bug, I created a Widgets ticket ([A12W-7965]<INTERNAL_LINK>) to fix it.

You can use Dnd context (DndProvider of "react-dnd) to wrap the TreeTable as a workaround when waiting for us to fix the bug.

Regards,
Nhung