Solution: Need to add the key property on to the element that is being outputted by a loop.
Error:
head-export-handler-for-browser.js:72 Warning: Each child in a list should have a unique "key" prop.
Check the render method of `BlogIndex`. See https://reactjs.org/link/warning-keys for more information.
at BlogIndex (webpack-internal:///./src/templates/blog.tsx?export=default:39:5)
at PageRenderer (webpack-internal:///./.cache/page-renderer.js:24:76)
at PageQueryStore (webpack-internal:///./.cache/query-result-store.js:35:30)
at RouteHandler
at div
at re (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:9865)
at ee (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:9680)
at ae (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:10957)
at oe (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:10831)
at ScrollHandler (webpack-internal:///./node_modules/gatsby-react-router-scroll/scroll-handler.js:23:35)
at RouteUpdates (webpack-internal:///./.cache/navigation.js:253:32)
at EnsureResources (webpack-internal:///./.cache/ensure-resources.js:19:30)
at LocationHandler (webpack-internal:///./.cache/root.js:62:29)
at eval (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:8283)
at F (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:7181)
at H (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:7483)
at WithErrorBoundary()
at G (webpack-internal:///./node_modules/@gatsbyjs/reach-router/dist/index.modern.mjs:36:9074)
at Root
at Le (webpack-internal:///./node_modules/styled-components/dist/styled-components.browser.esm.js:32:15931)
at StaticQueryStore (webpack-internal:///./.cache/query-result-store.js:130:32)
at SliceDataStore (webpack-internal:///./.cache/query-result-store.js:177:32)
at ErrorBoundary (webpack-internal:///./.cache/fast-refresh-overlay/components/error-boundary.js:21:35)
at DevOverlay (webpack-internal:///./.cache/fast-refresh-overlay/index.js:119:5)
at RootWrappedWithOverlayAndProvider
at App (webpack-internal:///./.cache/app.js:167:80)
Page:
/blog/
Solution: Need to add the
key
property on to the element that is being outputted by a loop.Error: