Been stuck for hours on this problem, i just dont get it.
I'm trying to debug with vscode, the problem I have is the paths is poiting to "webpack-internal" instead of the local path. How can I rewrite them?

RoomVariant@webpack-internal:///(app-pages-browser)/../../packages/shared/context/calling-2/room/variants/index.tsx:35:120
CallsProvider@webpack-internal:///(app-pages-browser)/../../packages/shared/context/calling-2/calls.tsx:35:32
Calls2@webpack-internal:///(app-pages-browser)/../../packages/shared/context/calling-2/index.tsx:24:24

Currently my launch.json debugger script looks like this:

{
      "name": "Launch localhost",
      "type": "firefox",
      "request": "launch",
      "reAttach": true,
      "url": "http://localhost:3002",
      "webRoot": "${workspaceFolder:monorepo}/apps/chatter",
      "pathMappings": [
        {
          "url": "webpack://_n_e/packages",
          "path": "${workspaceFolder}/packages"
        }
      ]
    }

Maybe it has something to do with my next.config.js setup?

const config = {
  reactStrictMode: false,
  transpilePackages: ["ui", "db"],
  images: {
    remotePatterns: [
      {
        protocol: "https",
        hostname: "images.unsplash.com"
      },
    ]
  }
}