fix(deps): update dependency react-photo-album to v3

[renovate]

This PR contains the following updates:

Package	Change	Age	Confidence
react-photo-album (source)	2.4.1 → 3.4.0

---

Release Notes

igordanchenko/react-photo-album (react-photo-album)

v3.4.0

Compare Source

Features

• setup project sponsorship (fc9fbb2)

❤️ Support this project by becoming a sponsor ❤️

v3.3.0

Compare Source

Features

• migrate to npm trusted publishing (5a60b23)

v3.2.1

Compare Source

Bug Fixes

• infinite-scroll: fix offscreen placeholders styles to prevent overflow (fix #​208) (cd9cae3)

v3.2.0

Compare Source

Bug Fixes

• ssr: remove underscores in breakpoint uids (f90ceee)

Features

• infinite-scroll: add support for scroll containers (fix #​203) (be5e37e)

v3.1.0

Compare Source

Bug Fixes

• fix render prop responsive parameter type (e8b1427)
• remove double angle quotes in uid (dd936e1)

Features

• promote experimental exports to stable (37c31f4)

v3.0.2

Compare Source

Bug Fixes

• fix lazy loading in Firefox (fix #​179) (b3bf06d)

v3.0.1

Compare Source

Bug Fixes

• infinite-scroll: add onClick callback (3b35b74)

v3.0.0

Compare Source

Release 3.0 comes with several new exciting features and an internal redesign to reduce the JS bundle size:

• Replacement of CSS-in-JS styling with an external CSS stylesheet
• Splitting the all-in-one PhotoAlbum component into three layout-specific components (the bundle is now tree-shakeable)
• Experimental SSR component (zero-CLS SSR)
• Experimental InfiniteScroll component (rows and masonry layouts)
• Experimental ServerPhotoAlbum server component (zero client-side JS bundle)

Here is the overall impact on the JS bundle size (minified gzip):

• rows layout: 2.9 KB (38% decrease)
• columns layout: 2.9 KB (39% decrease)
• masonry layout: 2.3 KB (51% decrease)
• 3-in-1: 3.8 KB (19% decrease)

BREAKING CHANGES

• CSS stylesheet is required
• PhotoAlbum component is replaced with 4 separate components
• the library is now ESM-only
• CJS build is no longer bundled
• React 16 and React 17 are no longer supported
• minimum Node version is set to Node 18
• output target is set to ES2020
• renderContainer is replaced with render.container render function
• renderRowContainer is replaced with render.track render function
• renderColumnContainer is replaced with render.track render function
• renderPhoto is replaced with more granular render functions; see docs
• componentsProps.containerProps is replaced with componentsProps.container
• componentsProps.rowContainerProps is replaced with componentsProps.track
• componentsProps.columnContainerProps is replaced with componentsProps.track
• componentsProps.imageProps is replaced with more granular props; see docs
• images photo prop is no longer supported

Features

• add experimental InfiniteScroll component (fb2a048)
• add experimental ServerPhotoAlbum component (b5cabe4)
• add experimental SSR component (61b8a42)
• add SSR fallback skeleton (475f2fb)
• enhance SSR component styling options (4398aad)
• forward photo album ref (00edf7c)
• improve types usability (f200a6c)
• offload offscreen photos in InfiniteScroll (eb3dd0d)

Bug Fixes

• add client boundary to aggregate layout (34a24c9)
• fix minPhotos edge case (7a04f02)
• move SSR component to subpath export (a1b0c28)
• set container box-sizing to border-box (b2aebf4)

Miscellaneous

• feat!: v3 rewrite (b67e436)
• chore!: bump output target to ES2020 (9df797b)
• chore!: bump React peer dependency version to 18 (86ed361)
• chore!: convert to ESM (f1bc7a4)
• chore!: drop deprecated photo images prop (644e2f9)

---

Configuration

📅 Schedule: Branch creation - "before 3am on the first day of the month" (UTC), Automerge - At any time (no schedule defined).

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

---

• If you want to rebase/retry this PR, check this box

---

This PR was generated by Mend Renovate. View the repository job log.

[netlify]

✅ Deploy Preview for yechs ready!

Name	Link
🔨 Latest commit	60f5c52
🔍 Latest deploy log	https://app.netlify.com/projects/yechs/deploys/694a726af85a8d0008cfae44
😎 Deploy Preview	https://deploy-preview-115--yechs.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify project configuration.

[yechs]

From the preview it looks like the styling and position will be changed. I'll look into this in more detail later...