Fix type error

Author: clauderic

packages/react/src/core/draggable/DragOverlay.tsx

@@ -1,6 +1,6 @@
 import {createElement, useEffect, useMemo, useRef, type ReactNode} from 'react';
 import {useComputed, useDeepSignal} from '@dnd-kit/react/hooks';
-import {Draggable, Feedback} from '@dnd-kit/dom';
+import {DragDropManager, Draggable, Feedback} from '@dnd-kit/dom';
 import {Data} from '@dnd-kit/abstract';
 
 import {useDragDropManager} from '../hooks/useDragDropManager.ts';
@@ -11,7 +11,7 @@ export interface Props<T extends Data, U extends Draggable<T>> {
   children: ReactNode | ((source: U) => ReactNode);
   style?: React.CSSProperties;
   tag?: string;
-  disabled?: boolean | ((source: U) => boolean);
+  disabled?: boolean | ((source: U | null) => boolean);
 }
 
 export function DragOverlay<T extends Data, U extends Draggable<T>>({
@@ -22,11 +22,9 @@ export function DragOverlay<T extends Data, U extends Draggable<T>>({
   disabled,
 }: Props<T, U>) {
   const ref = useRef<HTMLDivElement | null>(null);
-  const manager = useDragDropManager();
-  const source = useComputed(
-    () => manager?.dragOperation.source,
-    [manager]
-  ).value;
+  const manager = useDragDropManager<T, U>();
+  const source =
+    useComputed(() => manager?.dragOperation.source, [manager]).value ?? null;
   const isDisabled =
     typeof disabled === 'function' ? disabled(source) : disabled;
 
@@ -72,7 +70,7 @@ export function DragOverlay<T extends Data, U extends Draggable<T>>({
   }, [manager]);
 
   return (
-    <DragDropContext.Provider value={patchedManager}>
+    <DragDropContext.Provider value={patchedManager as DragDropManager | null}>
       {createElement(
         tag || 'div',
         {ref, className, style, 'data-dnd-overlay': true},

packages/react/src/core/hooks/useDragDropManager.ts

@@ -5,10 +5,10 @@ import type {DragDropManager, Draggable, Droppable} from '@dnd-kit/dom';
 import {DragDropContext} from '../context/context.ts';
 
 export function useDragDropManager<
-  T extends Data,
-  U extends Draggable<T>,
-  V extends Droppable<T>,
-  W extends DragDropManager<T, U, V>,
+  T extends Data = Data,
+  U extends Draggable<T> = Draggable<T>,
+  V extends Droppable<T> = Droppable<T>,
+  W extends DragDropManager<T, U, V> = DragDropManager<T, U, V>,
 >(): W | null {
   return useContext(DragDropContext) as W | null;
 }

packages/react/src/core/hooks/useDragOperation.ts

@@ -5,10 +5,10 @@ import {useComputed} from '@dnd-kit/react/hooks';
 import {useDragDropManager} from './useDragDropManager.ts';
 
 export function useDragOperation<
-  T extends Data,
-  U extends Draggable<T>,
-  V extends Droppable<T>,
-  W extends DragDropManager<T, U, V>,
+  T extends Data = Data,
+  U extends Draggable<T> = Draggable<T>,
+  V extends Droppable<T> = Droppable<T>,
+  W extends DragDropManager<T, U, V> = DragDropManager<T, U, V>,
 >() {
   const manager = useDragDropManager<T, U, V, W>();
   const source = useComputed(() => manager?.dragOperation.source, [manager]);