[Bug]: Select does not work in Next.js v13

[MasahiroKanatani]

Browser

Chrome

Package version

v3.0.206

React version

v18.2.0

Description

Hello. I am using Cloudscape with Next.js v13.
When I build and launch it with the Select component invoked and click on the Select box, I get the following error in the Developer Tool console.
(The error does not occur if I start the program in development mode).

TypeError: Cannot read properties of undefined (reading '__labelPrefix')

Source code

Sample project is here.
https://github.com/MasahiroKanatani/next13-cloudscape-minimum

Reproduction

No response

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[MasahiroKanatani]

Setting swcMinify: false in next.config.js worked as expected.

[russell-tarpley]

I ran into the same issue yesterday working with the PropertyFilter component. The issue appears in functionality for select related to aria strings.

When built in nextjs for production this function appears broken as the undefined is related to a variable that is never set.

However everything is as you would expect unminified/optimized when running in development

[Al-Dani]

Hey @MasahiroKanatani ,
Thank you for reaching out!
We will take a look into this error.

[just-boris]

This looks like a bug in SWC compiler: swc-project/swc#7004

Until the issue is fixed, stick to swcMinify: false option

[just-boris]

Closing because the upstream issue is resolved.

Please watch next js release notes to see an update. Note that they lock SWC version they use, so you may need to open an issue in the next.js repo too.