planning

node_modules/react-dnd/lib/hooks/useDrop/useDropTargetConnector.js

@@ -0,0 +1,14 @@
+import { useMemo } from 'react';
+import { TargetConnector } from '../../internals';
+import { useDragDropManager } from '../useDragDropManager';
+import { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';
+export function useDropTargetConnector(options) {
+    const manager = useDragDropManager();
+    const connector = useMemo(() => new TargetConnector(manager.getBackend()), [manager]);
+    useIsomorphicLayoutEffect(() => {
+        connector.dropTargetOptions = options || null;
+        connector.reconnect();
+        return () => connector.disconnectDropTarget();
+    }, [options]);
+    return connector;
+}