diff --git a/package.json b/package.json
index ed59126..48a843d 100644
--- a/package.json
+++ b/package.json
@@ -59,7 +59,6 @@
     "@types/react": "^17.0.11",
     "@types/react-dom": "^17.0.8",
     "@types/shallowequal": "^1.1.1",
-    "@umijs/fabric": "^2.0.8",
     "coveralls": "^3.0.6",
     "cross-env": "^7.0.2",
     "dumi": "^1.1.37",
@@ -78,8 +77,8 @@
     "np": "^7.1.0",
     "prettier": "^2.0.5",
     "rc-test": "^7.0.9",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
     "typescript": "^4.0.3"
   },
   "peerDependencies": {
diff --git a/src/PresetPanel.tsx b/src/PresetPanel.tsx
index 83ae2c0..3459803 100644
--- a/src/PresetPanel.tsx
+++ b/src/PresetPanel.tsx
@@ -1,3 +1,4 @@
+import * as React from 'react';
 import type { PresetDate } from './interface';
 
 export interface PresetPanelProps<T> {
diff --git a/tsconfig.json b/tsconfig.json
index b77b4d3..de6f936 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -3,7 +3,7 @@
     "target": "esnext",
     "moduleResolution": "node",
     "baseUrl": "./",
-    "jsx": "preserve",
+    "jsx": "react",
     "declaration": true,
     "skipLibCheck": true,
     "esModuleInterop": true,