diff --git a/examples/with-ant-design/package.json b/examples/with-ant-design/package.json
index 2284d9e6d6..929cc80079 100644
--- a/examples/with-ant-design/package.json
+++ b/examples/with-ant-design/package.json
@@ -6,8 +6,8 @@
"start": "next start"
},
"dependencies": {
- "@ant-design/icons": "^4.7.0",
- "antd": "^4.21.5",
+ "@ant-design/icons": "^4.8.0",
+ "antd": "^5.0.0",
"next": "latest",
"react": "18.2.0",
"react-dom": "18.2.0"
diff --git a/examples/with-ant-design/pages/_app.tsx b/examples/with-ant-design/pages/_app.tsx
index 32a1999c35..98a610d02d 100644
--- a/examples/with-ant-design/pages/_app.tsx
+++ b/examples/with-ant-design/pages/_app.tsx
@@ -1,5 +1,5 @@
import type { AppProps } from 'next/app'
-import 'antd/dist/antd.css'
+import 'antd/dist/reset.css'
import '../styles/vars.css'
import '../styles/global.css'
diff --git a/examples/with-ant-design/pages/index.tsx b/examples/with-ant-design/pages/index.tsx
index 7571bb9262..233ecbf6ef 100644
--- a/examples/with-ant-design/pages/index.tsx
+++ b/examples/with-ant-design/pages/index.tsx
@@ -12,7 +12,6 @@ import { SmileFilled } from '@ant-design/icons'
import Link from 'next/link'
const FormItem = Form.Item
-const Option = Select.Option
const content = {
marginTop: '100px',
@@ -61,14 +60,29 @@ export default function Home() {
-
+