web2019/static/js/shop/dnd/Droppable.jsx

import {useDroppable} from '@dnd-kit/core';
import React from 'react'

export function Droppable(props) {
    const {setNodeRef} = useDroppable({
        id: props.id,
    });

    return (
        <div ref={setNodeRef}>
            {props.children}
        </div>
    );
}