Encountering "Accessing element.ref was removed in React 19" error when rendering the Modal component

[germaine-tan]

Prerequisites

• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the issue

Our team is working on upgrading from React 18 to 19, and we encountered this error when rendering the Modal component
hook.js:608 Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release.
We suspect it may be an issue caused by the react-bootstrap library, which was fixed in their v2.10.6 release. Checked that SGDS is currently using an older version of react-bootstrap

What operating system(s) are you seeing the problem on?

macOS

What browser(s) are you seeing the problem on?

Chrome

Describe your frontend stack. What version of React and @govtechsg/sgds-react are you using? CSR or SSR?

NextJS 15.1.3, React 19, sgds-react 2.7.4

[clukhei]

@germaine-tan Fixed is released. Please upgrade your package to v2.7.5