Module parse failed: Unexpected token error when using next/link in storybook

[jeremytenjo]

Verify canary release

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

Provide environment information

    Operating System:
      Platform: darwin
      Arch: arm64
      Version: Darwin Kernel Version 21.5.0: Tue Apr 26 21:08:29 PDT 2022; root:xnu-8020.121.3~4/RELEASE_ARM64_T8101
    Binaries:
      Node: 16.15.0
      npm: 8.5.5
      Yarn: N/A
      pnpm: N/A
    Relevant packages:
      next: 12.1.7-canary.51
      eslint-config-next: 12.1.6
      react: 18.2.0
      react-dom: 18.2.0
      react-dom: 18.2.0

Describe the Bug

ERROR in ./node_modules/next/dist/shared/lib/router/router.js 37:8
Module parse failed: Unexpected token (37:8)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
| class Router {
|     // Server Data Cache
>     sdc = {};
|     isFirstPopStateEvent = true;
|     _key = createKey();
 @ ./node_modules/next/dist/client/link.js 7:14-52
 @ ./node_modules/next/link.js
 @ ./src/lib/utils/prismic/PrismicProvider/PrismicProvider.tsx
 @ ./src/lib/components/Prismic/Prismic.tsx
 @ ./devtools/storybook/preview.jsx
 @ ./storybook-config-entry.js
 @ multi ./node_modules/@storybook/core-client/dist/esm/globals/polyfills.js ./node_modules/@storybook/core-client/dist/esm/globals/globals.js (webpack)-hot-middleware/client.js?reload=true&quiet=false&noInfo=true ./storybook-config-entry.js```

Expected Behavior

Run storybook without errors

Link to reproduction

https://github.com/jeremytenjo/starter-website

To Reproduce

1. Clone https://github.com/jeremytenjo/starter-website
2. Install Dependencies (npm i)
3. Run npm run storybook:dev
4. Open http://localhost:6006

[SukkaW]

It seems that Webpack still doesn't provide support for the class field proposal.

webpack/webpack#10216

@sokra @alexander-akait Class Field proposal is stage 4 already and is already landed in ES2022. It is about time to implement it in Webpack.

[jeremytenjo]

Fixed in "next": "12.2.1-canary.1" - npm i next@canary

[github-actions]

This closed issue has been automatically locked because it had no new activity for a month. If you are running into a similar issue, please create a new issue with the steps to reproduce. Thank you.