planning

node_modules/react-dnd/lib/hooks/useMonitorOutput.js

@@ -0,0 +1,15 @@
+import { useIsomorphicLayoutEffect } from './useIsomorphicLayoutEffect';
+import { useCollector } from './useCollector';
+export function useMonitorOutput(monitor, collect, onCollect) {
+    const [collected, updateCollected] = useCollector(monitor, collect, onCollect);
+    useIsomorphicLayoutEffect(function subscribeToMonitorStateChange() {
+        const handlerId = monitor.getHandlerId();
+        if (handlerId == null) {
+            return;
+        }
+        return monitor.subscribeToStateChange(updateCollected, {
+            handlerIds: [handlerId],
+        });
+    }, [monitor, updateCollected]);
+    return collected;
+}