diff --git a/components/upload/demo/crop-image.tsx b/components/upload/demo/crop-image.tsx
index c62f150f4c..a862fea0b8 100644
--- a/components/upload/demo/crop-image.tsx
+++ b/components/upload/demo/crop-image.tsx
@@ -1,7 +1,7 @@
-import React, { useState } from 'react';
 import { Upload } from 'antd';
 import ImgCrop from 'antd-img-crop';
 import type { RcFile, UploadFile, UploadProps } from 'antd/es/upload/interface';
+import React, { useState } from 'react';
 
 const App: React.FC = () => {
   const [fileList, setFileList] = useState<UploadFile[]>([
@@ -33,7 +33,7 @@ const App: React.FC = () => {
   };
 
   return (
-    <ImgCrop rotate>
+    <ImgCrop rotationSlider>
       <Upload
         action="https://www.mocky.io/v2/5cc8019d300000980a055e76"
         listType="picture-card"