[Bug]: Prop id did not match

[kristojorg]

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)