examples(with-ant-design): bump antd v5.0.0 (#43062)

Author: chunsch

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"

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'
 

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() {
           </FormItem>
 
           <FormItem label="Select">
-            <Select defaultValue="lucy" style={{ width: 192 }}>
-              <Option value="jack">jack</Option>
-              <Option value="lucy">lucy</Option>
-              <Option value="disabled" disabled>
-                disabled
-              </Option>
-              <Option value="yiminghe">yiminghe</Option>
-            </Select>
+            <Select
+              defaultValue="lucy"
+              style={{ width: 192 }}
+              options={[
+                {
+                  value: 'jack',
+                  label: 'Jack',
+                },
+                {
+                  value: 'lucy',
+                  label: 'Lucy',
+                },
+                {
+                  value: 'disabled',
+                  disabled: true,
+                  label: 'Disabled',
+                },
+                {
+                  value: 'Yiminghe',
+                  label: 'yiminghe',
+                },
+              ]}
+            />
           </FormItem>
 
           <FormItem label="DatePicker">