fix(react/table): pass dragHandleProps to Skeleton when loading in drag mode

When loading is true during a refetch with existing data, rows remain
wrapped in Draggable but the drag handle cell renders a Skeleton without
the required data-rfd-drag-handle-* attributes, causing dnd to lose the
handle reference. Spread dragHandleProps onto Skeleton in drag mode.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>

Author: travor20814

packages/react/src/Table/Table.stories.tsx

@@ -1418,6 +1418,54 @@ export const DraggableRows: Story = {
   },
 };
 
+export const DraggableRowsWithRefetch: Story = {
+  render: function DraggableRowsWithRefetchStory() {
+    const [data, setData] = useState<DataType[]>(baseData);
+    const [loading, setLoading] = useState(false);
+
+    const draggable: TableDraggable<DataType> = useMemo(
+      () => ({
+        enabled: true,
+        onDragEnd: (newData: DataType[]) => setData(newData),
+      }),
+      [],
+    );
+
+    const scroll = useMemo(() => ({ y: 300 }), []);
+
+    const handleRefetch = useCallback(() => {
+      setLoading(true);
+      setTimeout(() => {
+        setLoading(false);
+      }, 1500);
+    }, []);
+
+    return (
+      <div>
+        <p style={{ margin: '0 0 8px' }}>
+          Simulates a refetch while data rows are still rendered inside
+          Draggable. Click the button to trigger loading — drag handles should
+          remain functional without dnd errors.
+        </p>
+        <Button
+          style={{ marginBottom: '16px' }}
+          onClick={handleRefetch}
+          variant="base-primary"
+        >
+          Simulate Refetch
+        </Button>
+        <Table<DataType>
+          columns={baseColumns}
+          dataSource={data}
+          draggable={draggable}
+          loading={loading}
+          scroll={scroll}
+        />
+      </div>
+    );
+  },
+};
+
 export const PinnableRows: Story = {
   render: function PinnableRowsStory() {
     const [pinnedRowKeys, setPinnedRowKeys] = useState<string[]>([]);

packages/react/src/Table/components/TableDragOrPinHandleCell.spec.tsx

@@ -301,5 +301,29 @@ describe('<TableDragOrPinHandleCell />', () => {
 
       expect(skeleton).toBeInTheDocument();
     });
+
+    it('should pass dragHandleProps to skeleton in drag mode when loading', () => {
+      const dragHandleProps = { 'data-testid': 'drag-handle-skeleton' };
+
+      renderWithContext(
+        { dragHandleProps, mode: 'drag', record: testRecord },
+        { ...defaultContextValue, loading: true },
+      );
+
+      expect(screen.getByTestId('drag-handle-skeleton')).toBeInTheDocument();
+    });
+
+    it('should not pass dragHandleProps to skeleton in pin mode when loading', () => {
+      const dragHandleProps = { 'data-testid': 'drag-handle-skeleton' };
+
+      renderWithContext(
+        { dragHandleProps, mode: 'pin', record: testRecord },
+        { ...defaultContextValue, loading: true },
+      );
+
+      expect(
+        screen.queryByTestId('drag-handle-skeleton'),
+      ).not.toBeInTheDocument();
+    });
   });
 });

packages/react/src/Table/components/TableDragOrPinHandleCell.tsx

@@ -85,7 +85,13 @@ function TableDragOrPinHandleCellInner<
     }
 
     if (loading) {
-      return <Skeleton variant="body-highlight" width="100%" />;
+      return (
+        <Skeleton
+          variant="body-highlight"
+          width="100%"
+          {...(mode === 'drag' ? dragHandleProps : {})}
+        />
+      );
     }
 
     if (mode === 'drag') {