Aim: want to debug a server component (server page) in VSCode (logging "Hello"), by creating a "VSCode logging breakpoint".

Expected Behavior: to see "Hello" in the VSCode CLI.

Actual Behavior: I don't see "Hello" nowhere + the breakpoint is gray and its hover shows "Unbind breakpoint" (see picture).

What Have I Done:
- my_project/package.json
"scripts": { "dev": "next dev --turbopack" - so Turboback is used for build

- my_project/.vscode/launch.json

{
  "version": "0.2.0",
  "configurations": [
    {
      "name": "Next.js: debug server-side",
      "type": "node-terminal",
      "request": "launch",
      "command": "npm run dev"
    }
  ]
}

Source: https://nextjs.org/docs/app/building-your-application/configuring/debugging

- my_project/app/profiles/page.tsx
The code and the breakpoint can be seen in the picture.

- my_project/tsconfig.json
{ "compilerOptions": { "sourceMap": true,

- I work on Ubuntu, which is a WSL2 subsystem of Windows 11 in my use case.

What Have I tried:
- Although I don't get the message "Unbind source map" (as I am debugging a server component/server page and not a client one), I tried some solutions from here: https://github.com/vercel/next.js/issues/56702
- Same, no solutions worked: https://github.com/vercel/next.js/issues/62008
- And others, but none worked.

Questions:
- What other information can I give you to help you help me?
- What must I do to enable my server component breakpoint please?