React-dnd: HTML5बैकएंड तब खींचना बंद कर देता है जब DOM में ऐसे तत्व होते हैं जो ड्रैग इवेंट में प्रकट/गायब हो जाते हैं: CHROME

मुझे इस मुद्दे के लिए एक वर्कअराउंड मिल गया है, इस मुद्दे के लिए, एक टाइमआउट और एक राज्य चर सेट करना जो मैं घटकों से गुजरता हूं, मुझे यह बहुत पसंद नहीं है, क्योंकि इन साधारण मामलों में यह करना आसान है, लेकिन जटिल में मामलों में मुझे सब कुछ काम करने के लिए संदर्भ या कुछ इसी तरह का उपयोग करना चाहिए।
https://codesandbox.io/s/react-dnd-sortable-holes-vxeus

मुझे आशा है कि आप मुझे एक बेहतर समाधान के माध्यम से मार्गदर्शन कर सकते हैं, मैं इस समाधान के बजाय पुस्तकालय से isDraging का उपयोग करना चाहूंगा।

हमारी टीम ने ड्रैग एंड ड्रॉप प्रदाता के लिए एक कस्टम हुक बनाते हुए राज्य के कामकाज में सुधार किया है, किसी भी मामले में आप में से किसी को भी इस समस्या का सामना करना पड़ता है, बग को हल करते समय यहां एक समाधान है।

https://codesandbox.io/s/react-dnd-sortable-gaps-custom-9tl13

ड्रैगिंग स्टेटस को स्टोर करने के लिए मुख्य भाग में एक संदर्भ और एक प्रदाता को परिभाषित करना शामिल है।

const DndContext = React.createContext([{}, () => {}]);

const DndCustomProvider = props => {
  const [state, setState] = useState({ dragging: false });

  return (
    <DndProvider backend={props.backend}>
      <DndContext.Provider value={[state, setState]}>
        {props.children}
      </DndContext.Provider>
    </DndProvider>
  );
};

दूसरे, ड्रैग स्टार्ट फंक्शन में सेटटाइमआउट का उपयोग करने से अंतिम प्रेषण से बचा जाता है।

  const [context, setContext] = useContext(DndContext);

  const [collected, dragRef] = useDrag({
    ...,
    begin: monitor => {
      setTimeout(() => {
        setContext(() => ({ dragging: true }));
      }, 0);

      if (begin) {
        begin(monitor);
      }
    },
    end: (item, monitor) => {
      setContext(() => ({ dragging: false }));

      if (end) {
        end(item, monitor);
      }
    },
    ...
  });

  return [
    {
      ...collected,
      isDragging: context.dragging
    },
    dragRef
  ];

और अंत में, एकत्रित मूल्य को खींचकर संदर्भ मूल्य के साथ अधिलेखित कर दिया जाता है।

क्या किसी के पास इस मुद्दे के लिए पैच के लिए कोई समाधान या विचार है जिसमें इस तरह का कामकाज शामिल नहीं है?