Bug: Picture elements fail to update to appropriate source image on window resize in Safari

Using Safari 14.0.3 on macOS Big Sur 11.2.2, `<picture>` elements rendered using React fail to update to the correct image source when the window is resized. If fixing this bug would be considered a good first ticket and some guidance is provided, I'd be happy to fix it. React version: 17.0.2 ## Steps To Reproduce 1. Resize window across picture's breakpoint (768px) Link to code example: [https://codesandbox.io/s/dazzling-nobel-bh3gh](https://codesandbox.io/s/dazzling-nobel-bh3gh) ## The current behavior The first image (rendered using React) continues to render the initial source image. ## The expected behavior The first image should behave the same as the second (rendered statically inside index.html) and switch to the correct source image when a media condition applies.