diff --git a/package.json b/package.json
index 5fcf6a4e0..5ec553434 100644
--- a/package.json
+++ b/package.json
@@ -40,18 +40,6 @@
   ],
   "author": "kenny wong <wowohoo@qq.com>",
   "license": "MIT",
-  "peerDependencies": {
-    "@babel/runtime": ">=7.11.0",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0"
-  },
-  "dependencies": {
-    "@babel/runtime": "7.15.4",
-    "@codemirror/basic-setup": "0.19.0",
-    "@codemirror/state": "0.19.2",
-    "@codemirror/theme-one-dark": "0.19.0",
-    "@codemirror/view": "0.19.9"
-  },
   "jest": {
     "coverageReporters": [
       "lcov",
@@ -69,6 +57,18 @@
       "prettier --write"
     ]
   },
+  "peerDependencies": {
+    "@babel/runtime": ">=7.11.0",
+    "react": ">=16.8.0",
+    "react-dom": ">=16.8.0"
+  },
+  "dependencies": {
+    "@babel/runtime": "7.15.4",
+    "@codemirror/basic-setup": "0.19.0",
+    "@codemirror/state": "0.19.2",
+    "@codemirror/theme-one-dark": "0.19.0",
+    "@codemirror/view": "0.19.9"
+  },
   "devDependencies": {
     "@codemirror/lang-cpp": "0.19.1",
     "@codemirror/lang-html": "0.19.3",
@@ -94,7 +94,6 @@
     "@uiw/react-markdown-preview": "3.4.0",
     "@uiw/react-shields": "1.1.2",
     "@uiw/reset.css": "1.0.5",
-    "rehype-attr": "2.0.6",
     "code-example": "3.3.1",
     "husky": "7.0.2",
     "jest": "27.2.5",
diff --git a/website/App.tsx b/website/App.tsx
index 5e48b73e5..dfe61ad61 100644
--- a/website/App.tsx
+++ b/website/App.tsx
@@ -3,7 +3,6 @@ import GitHubCorners from '@uiw/react-github-corners';
 import Github from '@uiw/react-shields/esm/github';
 import Npm from '@uiw/react-shields/esm/npm';
 import MarkdownPreview from '@uiw/react-markdown-preview';
-import rehypeAttrs from 'rehype-attr';
 import { javascript } from '@codemirror/lang-javascript';
 import { html } from '@codemirror/lang-html';
 import { css } from '@codemirror/lang-css';
@@ -236,11 +235,7 @@ export default function App() {
           <input type="text" value={placeholder} onChange={(evn) => setPlaceholder(evn.target.value)} />
         </label>
       </div>
-      <MarkdownPreview
-        className={styles.markdown}
-        rehypePlugins={[[rehypeAttrs, { properties: 'attr' }]]}
-        source={DocumentStr.replace(/([\s\S]*)<!--dividing-->/, '')}
-      />
+      <MarkdownPreview className={styles.markdown} source={DocumentStr.replace(/([\s\S]*)<!--dividing-->/, '')} />
       <div className={styles.footer}>
         <Github user="uiwjs" repo="react-codemirror">
           <Github.Social type="forks" href="https://github.com/uiwjs/react-codemirror" />