useDroppablehook isn't opinionated about how you should structure your application.
setNodeReffunction that is returned by the
useDroppablehook to a DOM element so that it can register the underlying DOM node and keep track of it to detect collisions and intersections with other draggable elements.
idso that they can be differentiated. Each droppable needs to have its own unique node though, so make sure you don't try to connect a single droppable to multiple refs.
useDroppablehook as many times as needed.
useDroppablehook, refer to the API documentation section: