how to do nested droppable components

[leandroruel]

currently, I'm building a page builder with dnd-kit and antd framework, i drag a component and drop it inside my drop area then it renders the component selected by the user, however, i want to make some components droppable, eg: a grid component, where the user can drop an input inside a grid column. tried some things reading the docs but i find it confusing, should i create nested DnDContexts?
example code: https://gist.github.com/leandroruel/0ec0b6ad18285cc1662979f0f9b9e0f0