search

estuary / marketing-site

0 stars 5 forks source link

The list of blogs is missing a key property #218

Closed travjenkins closed 5 months ago

travjenkins commented 5 months ago

Page: /blog/

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)