nypl-design-system icon indicating copy to clipboard operation
nypl-design-system copied to clipboard

[Bug]: Prop `id` did not match

Open kristojorg opened this issue 3 years ago • 0 comments

Description of issue

While using the Icon component and the IconNames.UtilityHamburger, I get the following error after my app rehydrates in the browser:

Warning: Prop `id` did not match. Server: "fb99ce48-5361-4e10-b322-83b86b342a67" Client: "703f5327-00d0-46cd-a9d8-791c0226cea0"

I'm not sure if those id properties are dynamically generated, but if they are, they should probably be made stable across renders.

Component in question (if applicable)

Icon

Version

^0.25.9

Metronome link of the component (if applicable)

No response

Figma link of the component (if applicable)

No response

What browsers are you seeing the problem on?

Chrome

Relevant log output

next-dev.js?3515:32 Warning: Prop `id` did not match. Server: "15fc8922-2b5d-41bd-ad9d-e3f56c9269c5" Client: "881279d4-13d8-4612-9608-39a7ff2569a4"
    at svg
    at SvgUtilityHamburger (webpack-internal:///./node_modules/@nypl/design-system-react-components/dist/design-system-react-components.esm.js:1153:20)

kristojorg avatar Feb 11 '22 01:02 kristojorg