unhandledRejection: EvalError: Cannot set properties of null

[paulm17]

Steps to reproduce

Clone repo: https://github.com/paulm17/raikou_pigmentcss
pnpm i
pnpm run dev

The app will crash with a stack trace:

⨯ unhandledRejection: EvalError: Cannot set properties of null (setting 'displayName')

This only happens when the page is a client component.

Remove: https://github.com/paulm17/raikou_pigmentcss/blob/main/apps/web/app/page.tsx#L1

and re-run and the issue goes away.

Current behavior

When a page is marked as "use client". The result of the transform process on code is missing variables? I'm guessing at this point. Therefore it leads to a crash due to an undefined variable.

Expected behavior

Whether a page has "use client" or not. A component with compound properties should work fine.

Context

Using pigment-css with a component library.

Your environment

No response

Search keywords: Cannot set properties of null

[paulm17]

This is a nextjs issue. With vite, there are no problems. I've switched from nextjs to vite.