fix: Breadcrumb validateDOMNesting warning (#16929)

* 🐛 Fix Breadcrumb validateDOMNesting warning

```
Warning: validateDOMNesting(...): <a> cannot appear as a descendant of <a>.
    in a (created by Context.Consumer)
    in span (created by Context.Consumer)
    in a (created by Context.Consumer)
    in Trigger (created by Dropdown)
    in Dropdown (created by Context.Consumer)
    in Dropdown (created by Context.Consumer)
    in span (created by Context.Consumer)
    in BreadcrumbItem (created by Context.Consumer)
    in div (created by Context.Consumer)
    in Breadcrumb (created by TestBreadcrumb)
    in TestBreadcrumb
```

* ✅ update snapshots

components/breadcrumb/BreadcrumbItem.tsx

@@ -71,10 +71,10 @@ export default class BreadcrumbItem extends React.Component<BreadcrumbItemProps,
     if (overlay) {
       return (
         <DropDown overlay={overlay} placement="bottomCenter">
-          <a className={`${prefixCls}-overlay-link`}>
+          <span className={`${prefixCls}-overlay-link`}>
             {breadcrumbItem}
             <Icon type="down" />
-          </a>
+          </span>
         </DropDown>
       );
     }

components/breadcrumb/__tests__/__snapshots__/Breadcrumb.test.js.snap

@@ -71,13 +71,12 @@ exports[`Breadcrumb should render a menu 1`] = `
     </span>
   </span>
   <span>
-    <a
+    <span
       class="ant-breadcrumb-overlay-link ant-dropdown-trigger"
     >
       <span
         class="ant-breadcrumb-link"
-      />
+      >
-    </a>
         <a
           href="#/index/first"
         >
@@ -103,11 +102,13 @@ exports[`Breadcrumb should render a menu 1`] = `
           />
         </svg>
       </i>
+    </span>
     <span
       class="ant-breadcrumb-separator"
     >
       /
     </span>
+  </span>
   <span>
     <span
       class="ant-breadcrumb-link"

components/breadcrumb/__tests__/__snapshots__/demo.test.js.snap

@@ -64,10 +64,9 @@ exports[`renders ./components/breadcrumb/demo/basic.md correctly 1`] = `
 `;
 
 exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
-<div>
+<div
-  <div
   class="ant-breadcrumb"
-  >
+>
   <span>
     <span
       class="ant-breadcrumb-link"
@@ -97,13 +96,12 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
     </span>
   </span>
   <span>
-      <a
+    <span
       class="ant-breadcrumb-overlay-link ant-dropdown-trigger"
     >
       <span
         class="ant-breadcrumb-link"
-        />
+      >
-      </a>
         <a
           href=""
         >
@@ -129,11 +127,13 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
           />
         </svg>
       </i>
+    </span>
     <span
       class="ant-breadcrumb-separator"
     >
       /
     </span>
+  </span>
   <span>
     <span
       class="ant-breadcrumb-link"
@@ -146,7 +146,6 @@ exports[`renders ./components/breadcrumb/demo/overlay.md correctly 1`] = `
       /
     </span>
   </span>
-  </div>
 </div>
 `;
 

components/breadcrumb/demo/overlay.md

@@ -37,7 +37,6 @@ const menu = (
 );
 
 ReactDOM.render(
-  <div>
   <Breadcrumb>
     <Breadcrumb.Item>Ant Design</Breadcrumb.Item>
     <Breadcrumb.Item>
@@ -47,8 +46,7 @@ ReactDOM.render(
       <a href="">General</a>
     </Breadcrumb.Item>
     <Breadcrumb.Item>Button</Breadcrumb.Item>
-    </Breadcrumb>
+  </Breadcrumb>,
-  </div>,
   mountNode,
 );
 ```