Next.js client debug with VSCode shows transpiled JS

Question

I have a little Next.js app (all dependencies are the up-to-date.)

VS Code shows transpiled code when debugging my async function:

Chrome's devTools seems working as expected (but showing the filename with some hash added to its end):

I'm using debug configuration recommended by Next.JS. My launch.json:

{
  "configurations": [
    {
      "command": "yarn dev",
      "name": "Server-side",
      "request": "launch",
      "type": "node-terminal"
    },
    {
      "name": "Client-side",
      "request": "launch",
      "type": "pwa-chrome",
      "url": "http://localhost:3000"
    },
    {
      "command": "yarn dev",
      "name": "Full stack",
      "request": "launch",
      "serverReadyAction": {
        "action": "debugWithChrome",
        "pattern": "started server on .+, url: (https?://.+)",
        "uriFormat": "%s"
      },
      "type": "node-terminal"
    },
  ],
  "version": "0.2.0"
}

Any ideas why this is happenning (and how to fix it)?