Jest encountered an unexpected token

[Alex18595]

Description

When running a test that contains imports from pandacss, an error occurs - "Jest encountered an unexpected token". Details:
/home/alex/alxProject/base2/styled-system/css/index.mjs:1 ({"Object.":function(module,exports,require,__dirname,__filename,jest){export * from './css.mjs';

Link to Reproduction

https://stackblitz.com/edit/vitejs-vite-xjh7xf?file=src%2FApp.test.tsx

Steps to reproduce

1. Go to '...'
2. Click on '...'
3. Scroll down to '...'
4. See error

JS Framework

React, typescript.

Panda CSS Version

0.32.1

Browser

No response

Operating System

• macOS
• Windows
• Linux

Additional Information

No response

[Alex18595]

Is there any solution to this problem?

[astahmer]

yes @Alex18595
add "allowJs": true, to your tsconfig.json
add '^.+\\.(ts|tsx|js|jsx)?$': 'ts-jest', to your transform in jest.config.ts

https://stackblitz.com/edit/vitejs-vite-m1btiz?file=jest.config.ts,tsconfig.json

[Alex18595]

The problem remains, the same error

[astahmer]

ah yes sorry I forgot to mention you also need outExtension: 'js', in panda.config.ts

[Alex18595]

Thank you. Everything is working.