javascript - isDraggingOver when isDropDisabled react-beautiful-dnd

Question

Github 上的相同问题 - https://github.com/atlassian/react-beautiful-dnd/issues/1712

问题：

是否可以处理isDraggingOver何时isDropDisabled为真？我想在关闭时用红色边框突出显示列表。

Codesandbox - https://codesandbox.io/s/loving-bush-kz3b1

代码：
_{例如我们有两个列表}

import cn from "classnames"

const Lists = () => {
  const [isCollapsed, setIsCollapsed] = useState([false, false]);
  return (
    <>
      <Droppable droppableId="droppable-1" isDropDisabled={isCollapsed[0]}>
        {(provided, snapshot) => (
          <section className={cn({
            "dragging-over": snapshot.isDraggingOver,
            "dragging-over-collapsed": snapshot.isDraggingOver && isCollapsed[0]
          })}>{/*...items...*/}</section>
        )}
      </Droppable>
      <Droppable droppableId="droppable-2" isDropDisabled={isCollapsed[1]}>
        {(provided, snapshot) => (
          <section className={cn({
            "dragging-over": snapshot.isDraggingOver,
            "dragging-over-collapsed": snapshot.isDraggingOver && isCollapsed[0]
          })}>{/*...items...*/}</section>
        )}
      </Droppable>
    </>
  );
}