Merge pull request #12086 from github/repo-sync

repo sync

Author: Octomerger

package-lock.json

@@ -138,7 +138,7 @@
     "eslint-config-prettier": "^8.3.0",
     "eslint-config-standard": "^16.0.3",
     "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jsx-a11y": "^6.4.1",
+    "eslint-plugin-jsx-a11y": "^6.5.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^5.1.1",
     "event-to-promise": "^0.8.0",
@@ -162,7 +162,7 @@
     "mock-express-response": "^0.3.0",
     "mockdate": "^3.0.5",
     "nock": "^13.2.1",
-    "nodemon": "^2.0.14",
+    "nodemon": "^2.0.15",
     "npm-merge-driver-install": "^2.0.1",
     "object-hash": "^2.2.0",
     "postcss": "^8.3.11",

package.json

@@ -179,7 +179,7 @@ function displayProps(props: Object) {
   const xprops = Object.fromEntries(
     Object.entries(props).map(([key, value]) => [
       key,
-      key === 'children' ? ReactDomServer.renderToString(value) : value,
+      React.isValidElement(value) ? ReactDomServer.renderToString(value) : value,
     ])
   )
   return JSON.stringify(xprops, null, 2)
@@ -193,7 +193,7 @@ export default function Storybook() {
       <div className="my-4 d-lg-flex flex-items-start">
         <nav className="menu col-12 col-lg-3 mr-4 color-bg-subtle position-lg-sticky top-0">
           {stories.map(({ name }) => (
-            <a className="menu-item" href={`#${name}`}>
+            <a key={name} className="menu-item" href={`#${name}`}>
               {name}
             </a>
           ))}