Multiple nested contexts. Is it a correct structure?

[davidtovt]

I'm working on a page builder. I have some requirements (in comments).
Is it justified to use this structure, or is there a simpler solution without nested DndContexts?

// 'DraggableItem' can be dragged into the 'SortableSection'.
<DndContext>
    <Sidebar>
        <DraggableItem />
        ...
    </Sidebar>
    // The 'SortableSection' can only be moved up and down.
    <DndContext collisionDetection={closestCenter} modifiers={[restrictToVerticalAxis]}>
        <SortableContext strategy={verticalListSortingStrategy}>
            <SortableSection>
                // The 'SortableSectionColumn' can't be moved outside its parent element.
                <DndContext collisionDetection={closestCenter} modifiers={[restrictToParentElement]}>
                    <SortableContext strategy={rectSwappingStrategy}>
                        <SortableSectionColumn>
                            <SectionColumn>
                                // The 'DraggableComponent' can be moved into any 'SectionColumn'.
                                <DraggableComponent />
                                ...
                            </SectionColumn>
                        </SortableSectionColumn>
                        ...
                    </SortableContext>
                </DndContext>
            </SortableSection>
            ...
        </SortableContext>
    </DndContext>
</DndContext>