with-jest-app example doesn't work

Verify canary release

• I verified that the issue exists in Next.js canary release

Provide environment information

➜  with-jest git:(canary) npx --no-install next info

    Operating System:
      Platform: darwin
      Arch: x64
      Version: Darwin Kernel Version 20.6.0: Mon Aug 30 06:12:21 PDT 2021; root:xnu-7195.141.6~3/RELEASE_X86_64
    Binaries:
      Node: 18.2.0
      npm: 8.9.0
      Yarn: 1.22.11
      pnpm: N/A
    Relevant packages:
      next: 12.1.6
      react: 18.1.0
      react-dom: 18.1.0

warn  - Latest canary version not detected, detected: "12.1.6", newest: "12.1.7-canary.9".
        Please try the latest canary version (`npm install next@canary`) to confirm the issue still exists before creating a new issue.
        Read more - https://nextjs.org/docs/messages/opening-an-issue

What browser are you using? (if relevant)

No response

How are you deploying your application? (if relevant)

No response

Describe the Bug

After setting up the with-jest example from the documentation, yarn test consistently fails.

Expected Behavior

Whether using npx or directly cloning the repo and running yarn test, jest fails consistently. I’ve verified this on my work laptop as well.

The error is consistent: SyntaxError: Unexpected token '.'

To Reproduce

Clone the repo or use npx create-next-app@latest --example with-jest with-jest-app following the documentation.

[ijjk]

Hi, this example is working correctly against the latest canary of Next.js please update and give it a try!

Note: May need to run with --clearCache at first

[keeeparis]

Test failes due to the fact that styles for index page located in pages folder. In order to pass the tests you should:

1. Move index.module.css into src/styles folder;
2. In index.tsx on 4th line change imports to -> @/styles/index.module.css