From 9632b36b0408022ed7645e8552e282fddb54779c Mon Sep 17 00:00:00 2001
From: RamonEspinosa <47266830+RamonEspinosa@users.noreply.github.com>
Date: Sun, 12 Feb 2023 18:49:44 -0800
Subject: [PATCH] type: fix drag sorting demo typos (#40697)

---
 components/upload/demo/drag-sorting.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/upload/demo/drag-sorting.tsx b/components/upload/demo/drag-sorting.tsx
index 8d960b2c20..368f4f7275 100644
--- a/components/upload/demo/drag-sorting.tsx
+++ b/components/upload/demo/drag-sorting.tsx
@@ -13,12 +13,12 @@ import { Button, Upload } from 'antd';
 import type { UploadFile, UploadProps } from 'antd/es/upload/interface';
 import React, { useState } from 'react';
 
-interface DragableUploadListItemProps {
+interface DraggableUploadListItemProps {
   originNode: React.ReactElement<any, string | React.JSXElementConstructor<any>>;
   file: UploadFile<any>;
 }
 
-const DragableUploadListItem = ({ originNode, file }: DragableUploadListItemProps) => {
+const DraggableUploadListItem = ({ originNode, file }: DraggableUploadListItemProps) => {
   const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
     id: file.uid,
   });
@@ -101,7 +101,7 @@ const App: React.FC = () => {
           fileList={fileList}
           onChange={onChange}
           itemRender={(originNode, file) => (
-            <DragableUploadListItem originNode={originNode} file={file} />
+            <DraggableUploadListItem originNode={originNode} file={file} />
           )}
         >
           <Button icon={<UploadOutlined />}>Click to Upload</Button>