diff --git a/components/upload/Dragger.tsx b/components/upload/Dragger.tsx
index a5abc14276..6e9f4da1a4 100644
--- a/components/upload/Dragger.tsx
+++ b/components/upload/Dragger.tsx
@@ -4,8 +4,11 @@ import { UploadProps } from './interface';
 
 export type DraggerProps = UploadProps & { height?: number };
 
-const Dragger: React.FC<DraggerProps> = props => (
-  <Upload {...props} type="drag" style={{ ...props.style, height: props.height }} />
-);
-
-export default Dragger;
+// stick class comoponent to avoid React ref warning inside Form
+// https://github.com/ant-design/ant-design/issues/18707
+export default class Dragger extends React.Component<DraggerProps, any> {
+  render() {
+    const { props } = this;
+    return <Upload {...props} type="drag" style={{ ...props.style, height: props.height }} />;
+  }
+}