nypl-design-system
nypl-design-system copied to clipboard
[Bug]: Prop `id` did not match
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)