diff --git a/package.json b/package.json
index 40f2b7e1..2a2d230d 100644
--- a/package.json
+++ b/package.json
@@ -43,7 +43,7 @@
     "@ant-design/icons": "^4.2.2",
     "@babel/runtime": "^7.11.2",
     "classnames": "^2.2.6",
-    "rc-dialog": "^8.1.0",
+    "rc-dialog": "^8.3.2",
     "rc-util": "^5.0.6"
   },
   "devDependencies": {
diff --git a/src/Preview.tsx b/src/Preview.tsx
index 4ab3e3c1..7c1c896b 100644
--- a/src/Preview.tsx
+++ b/src/Preview.tsx
@@ -1,6 +1,5 @@
 import * as React from 'react';
-import Dialog from 'rc-dialog';
-import IDialogPropTypes from 'rc-dialog/lib/IDialogPropTypes';
+import Dialog, { DialogProps as IDialogPropTypes } from 'rc-dialog';
 import RotateLeftOutlined from '@ant-design/icons/RotateLeftOutlined';
 import RotateRightOutlined from '@ant-design/icons/RotateRightOutlined';
 import ZoomInOutlined from '@ant-design/icons/ZoomInOutlined';
diff --git a/tests/__snapshots__/basic.test.tsx.snap b/tests/__snapshots__/basic.test.tsx.snap
index d6ebd6b2..5a209048 100644
--- a/tests/__snapshots__/basic.test.tsx.snap
+++ b/tests/__snapshots__/basic.test.tsx.snap
@@ -30,7 +30,7 @@ exports[`Basic snapshot 1`] = `
     src="https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png"
     visible={false}
   >
-    <Component
+    <Dialog
       afterClose={[Function]}
       aria-hidden={true}
       closable={false}
@@ -46,7 +46,7 @@ exports[`Basic snapshot 1`] = `
       <PortalWrapper
         visible={false}
       />
-    </Component>
+    </Dialog>
   </Preview>
 </Image>
 `;