fix: fix cannot have two HTML5 backends at the same time.

react-dnd/react-dnd#3257 (comment)
uiwjs · Jul 20, 2023 · 7fef56f · 7fef56f
1 parent 3b7e4ce
commit 7fef56f
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/core/src/index.tsx b/core/src/index.tsx
@@ -1,5 +1,5 @@
 import { DndProvider } from 'react-dnd';
-import { FC, PropsWithChildren, useEffect, useState } from 'react';
+import { FC, PropsWithChildren } from 'react';
 import { HTML5Backend } from 'react-dnd-html5-backend';
 import { Tabs } from './Tabs';
 import { Provider } from './store';
@@ -23,7 +23,7 @@ const TabContainer: FC<PropsWithChildren<TabsProps>> = ({ activeKey, onTabClick,
   const tabDrop = useEventCallback(onTabDrop!);
 
   return (
-    <DndProvider backend={HTML5Backend}>
+    <DndProvider backend={HTML5Backend} context={window}>
       <Provider init={{ data: [], activeKey, onTabClick: tabClick, onTabDrop: tabDrop }}>
         <Tabs {...props} activeKey={activeKey} />
       </Provider>