Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

NextJS build fails occasionally leading to corrupted styles #3027

Open
3 tasks
mrchrishahn opened this issue Dec 8, 2024 · 1 comment · May be fixed by #3036
Open
3 tasks

NextJS build fails occasionally leading to corrupted styles #3027

mrchrishahn opened this issue Dec 8, 2024 · 1 comment · May be fixed by #3036

Comments

@mrchrishahn
Copy link

Description

We're using Panda with Park UI in our NextJS app that we deploy on Vercel. It occasionally happens that the build silently fails (it doesn't get interrupted) and the recipe styles don't get applied at all.

Here is the error we get in this case:

🐼 error [file:extract] TypeError: import_ts_morph.Node.isSatisfiesExpression is not a function
    at unwrapExpression (/vercel/path0/node_modules/@pandacss/extractor/dist/index.js:86:28)
    at extractJsxSpreadAttributeValues (/vercel/path0/node_modules/@pandacss/extractor/dist/index.js:1316:16)
    at /vercel/path0/node_modules/@pandacss/extractor/dist/index.js:1378:28
    at nodeCallback (/vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3253:33)
    at /vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3288:37
    at Node.forEachChild (/vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3233:37)
    at forEachChildForNode (/vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3287:33)
    at nodeCallback (/vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3261:24)
    at /vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3288:37
    at JsxOpeningElement.forEachChild (/vercel/path0/node_modules/ts-morph/dist/ts-morph.js:3233:37)

We get about 200 of this specific error logs during the build.

In the end, the final panda log is however: 🐼 info [hrtime] Extracted in (718.83ms)

Here's an image of the failed build on the left and the successful one on the right.
image

Link to Reproduction

Not possible

Steps to reproduce

The error doesn't always occur. Typically a redeploy will solve it.

JS Framework

NextJS 15.0.4 - Typescript

Panda CSS Version

0.48.1

Browser

No response

Operating System

  • macOS
  • Windows
  • Linux

Additional Information

No response
@mrchrishahn
Copy link
Author

It may have something to do with the build cache and using a new panda version (even if its just a minor one)

@astahmer astahmer linked a pull request Dec 10, 2024 that will close this issue
Open
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

refactor: update ts-morph to 24.0 to match TS 5.6.2 chakra-ui/panda
1 participant
@mrchrishahn