React-dnd: Невозможно импортировать DragDropContext в v9.3.2

Привет, DragDropContext был удален с версии 9 https://github.com/react-dnd/react-dnd/pull/1439

Привет, DragDropContext был удален с версии 9 # 1439

о, спасибо

Какой путь миграции теперь, когда это было удалено?

Ребята, есть ли руководство по миграции критических изменений в версии 9.x?

Ребята, есть ли руководство по миграции критических изменений в версии 9.x?

Нет, вы можете напомнить автору обновить документ.

Это то, чем я закончил

- import { DragDropContext } from "react-dnd";  
- import HTML5Backend from "react-dnd-html5-backend";   
-
- export const withDragDropContext = DragDropContext(HTML5Backend);
+ import * as React from "react";
+ import HTML5Backend from "react-dnd-html5-backend";
+ import { DndProvider } from "react-dnd";
+ 
+ export const withDragDropContext = <TProps extends {}>(Component:  React.ComponentClass<TProps> | React.StatelessComponent<TProps>) =>
+ {
+     return (props: TProps) => (
+         <DndProvider backend={HTML5Backend}>
+             <Component {...props} />
+         </DndProvider>
+     );
+ };

Для тех, кто ищет в Google, это может помочь:

ЭТО НЕ РАБОТАЕТ

import { createDndContext, DndProvider } from "react-dnd";
import Backend from "react-dnd-html5-backend";
// ...

const DndContext = createDndContext(Backend);

// ...
 const MyComponent = () => (
  <DndProvider backend={Backend} context={DndContext}>
    /* ... */
  </DndProvider>
);

Повторяю, ЭТО НЕ РАБОТАЕТ

Вместо этого сделайте это:

import { createDndContext, DndProvider } from "react-dnd";
import Backend from "react-dnd-html5-backend";
// ...

const DndContext = createDndContext(Backend);

  // ...
 const myComponent = () => (
  const managerRef = useRef(DndContext);
  <DndProvider backend={Backend} manager={managerRef.current.dragDropManager}>
  /* ... */
  </DndProvider>
)

источники: Dnd code

как решить