Soy nuevo en reaccionar JS, necesito arrastrar y soltar la lista vertical y horizontalmente al mismo tiempo, he usado react-beautiful-dnd , pero esta biblioteca solo admite una dirección a la vez, entonces, ¿hay alguna manera de que pueda? arrastrar y soltar horizontal y verticalmente al mismo tiempo,

Aquí está el enlace https://codesandbox.io/s/react-beautiful-dnd-horizontal-list-forked-1xijl8?file=/index.js

Supongamos que necesito arrastrar el elemento 9 a la posición del elemento 7, luego, si arrastro el elemento 9 al elemento 7, entonces se comporta mal, el comportamiento correcto es que la posición del elemento 7 se llenará con el elemento 9

Cualquier ayuda será apropiada.

NOTA: No quiero usar el desbordamiento: automático para mostrar el cursor. Si los elementos son más, estos deberían comenzar desde la siguiente línea en lugar de mostrar el desplazador.