VS Code + Debugger for Chrome: open tab in existing Chrome instance, instead of new window?

Question

I am using the Debugger for Chrome VS Code extension. I am working on a React project using yarn start, which opens at localhost:3000.

I have an already running instance of Chrome where I am logged in using my Google account. However when I hit "Launch Chrome against localhost", the tab opens in a new instance of Chrome where I am not logged in.

How do I force the tab to open in my already-running instance of Chrome instead?

launch.json:

{
    // Use IntelliSense to learn about possible attributes.
    // Hover to view descriptions of existing attributes.
    // For more information, visit: https://go.microsoft.com/fwlink/?linkid=830387
    "version": "0.2.0",
    "configurations": [
        {
            "type": "chrome",
            "request": "launch",
            "name": "Launch Chrome against localhost",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        },
    ]
}

Answer 1

The following guide was helpful, basically you want to use "request": "attach" not "request": "launch".

https://www.freecodecamp.org/news/how-to-set-up-the-debugger-for-chrome-extension-in-visual-studio-code-c0b3e5937c01/