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

[drphelps]

synckit throws sporadic errors where the message port returns undefined. I thought this issue was related to Yarn PnP but the same error occurs with traditional node_modules. I've run into the error in both Node v18.20.2 and v20.12.2.

Oops! Something went wrong! :(

ESLint: 8.57.0

TypeError: Cannot read properties of undefined (reading 'message')
Occurred while linting /Users/redacted/components/dialog.tsx:393
Rule: "@pandacss/no-unsafe-token-fn-usage"
    at syncFn (/Users/redacted/node_modules/synckit/lib/index.cjs:352:59)
    at /Users/redacted/node_modules/@pandacss/eslint-plugin/dist/index.js:8068:34
    at Array.filter (<anonymous>)
    at getImports (/Users/redacted/node_modules/@pandacss/eslint-plugin/dist/index.js:8068:18)
    at isPandaIsh (/Users/redacted/node_modules/@pandacss/eslint-plugin/dist/index.js:8076:19)
    at isInPandaFunction (/Users/redacted/node_modules/@pandacss/eslint-plugin/dist/index.js:8149:8)
    at isPandaAttribute (/Users/redacted/node_modules/@pandacss/eslint-plugin/dist/index.js:8167:20)
    at Property (/Users/redacted/node_modules/@pandacss/eslint-plugin/dist/index.js:9170:14)
    at ruleErrorHandler (/Users/redacted/node_modules/eslint/lib/linter/linter.js:1076:28)
    at /Users/redacted/node_modules/eslint/lib/linter/safe-emitter.js:45:58

[anubra266]

@drphelps Could you make a small repro sandbox/repo for this. I'm finding it hard to reproduce it on my end

[sanjaytwisk]

Running into the same issue on Github Actions. The error pops up sporadically and at random. Never happens within my local development environment.

[anubra266]

@sanjaytwisk do you have a minimal repro. @drphelps 's repro is quite complicated. I can't even get the project to run

[Darmody]

Have the same problem here too.

[anubra266]

A minimal repro please @Darmody I need something to test and debug with

[sanjaytwisk]

@anubra266 Unfortunately I cannot share the repository that I'm working on. I tried to create a basic repo with NextJS and PandaCSS but so far I'm not able to reproduce the bug. Hope I'll find a way soon, keep you updated

[sanjaytwisk]

@anubra266 I ran into a similar problem when using back ticks instead of quotes:

styled('div', {
  height: `var(--max-height)`,
})

@drphelps could this be the same for you?

[anubra266]

@sanjaytwisk I've pushed a fix for the backtick issue

[drphelps]

@drphelps could this be the same for you?

I ran into the backtick issue as well but that throws a different error than above. Thanks for addressing that one, @anubra266.

Oops! Something went wrong! :(

ESLint: 8.57.0

TypeError: Cannot read properties of undefined (reading 'replace')
Occurred while linting /Users/redacted/layout.tsx:36
Rule: "@pandacss/no-unsafe-token-fn-usage"
...

I'm still working on coming up with a simple reproduction of the original error but it's difficult to trace where it's coming from.