v0.3.0 has compatibility issues with ESLint 9

[sjaakbanaan]

As soon as i import panda config in my flat config, i get tons of errors like these:

2026-01-12 20:56:31.624 [error] Error in findDeclaration: TypeError: Cannot read properties of undefined (reading 'forEach')
2026-01-12 20:56:31.624 [error]     at Referencer.visitFunction (file:///Users/xxxxxx/Sites/project-name/frontend/node_modules/@pandacss/eslint-plugin/dist/index.mjs:7257:28)
2026-01-12 20:56:31.624 [error]     at Referencer.ArrowFunctionExpression (file:///Users/xxxxxx/Sites/project-name/frontend/node_modules/@pandacss/eslint-plugin/dist/index.mjs:7290:14)
2026-01-12 20:56:31.624 [error]     at Referencer.visit (file:///Users/xxxxxx/Sites/project-name/frontend/node_modules/@pandacss/eslint-plugin/dist/index.mjs:6386:19)
2026-01-12 20:56:31.624 [error]     at Referencer.VariableDeclaration (file:///Users/xxxxxx/Sites/project-name/frontend/node_modules/@pandacss/eslint-plugin/dist/index.mjs:7562:16)

[sjaakbanaan]

I found out the following commented-out rules cause the above issue on v0.3.1 with ESLint 9:

[anubra266]

@sjaakbanaan what do you mean by importing panda config?

[sjaakbanaan]

@sjaakbanaan what do you mean by importing panda config?

Just adding it to my existing config.

This was my config before adding it, in case that helps:

import { defineConfig, globalIgnores } from 'eslint/config';
import nextVitals from 'eslint-config-next/core-web-vitals';
import importPlugin from 'eslint-plugin-import';

const eslintConfig = defineConfig([
  ...nextVitals,
  {
    plugins: {
      import: importPlugin,
    },
    rules: {
      'no-unused-vars': [
        'error',
        { vars: 'all', args: 'after-used', ignoreRestSiblings: true },
      ],
      'import/no-unresolved': [
        2,
        {
          commonjs: true,
        },
      ],
      'import/extensions': [
        'error',
        'never',
        {
          json: 'always',
        },
      ],
      'no-console': 'warn',
      'jsx-a11y/anchor-is-valid': 'off',
      'jsx-a11y/media-has-caption': 'off',
      'jsx-a11y/label-has-associated-control': [
        'error',
        {
          required: {
            some: ['nesting', 'id'],
          },
        },
      ],
      'jsx-a11y/label-has-for': [
        'error',
        {
          required: {
            some: ['nesting', 'id'],
          },
        },
      ],
      'no-undef': 'error',
      'react/prop-types': 2,
    },
    settings: {
      'import/resolver': {
        typescript: {
          project: './jsconfig.json',
          alwaysTryTypes: true,
        },
        node: {
          extensions: ['.js', '.jsx', '.ts', '.tsx', '.mjs'],
        },
      },
    },
  },
  // Override default ignores of eslint-config-next.
  globalIgnores([
    // Default ignores of eslint-config-next:
    '.next/**',
    'out/**',
    'build/**',
    'next-env.d.ts',
    '.storybook/**',
    'styled-system/**',
  ]),
]);

export default eslintConfig;