How to set up the Firefox Debugger together with the React Extension?

Question

I downloaded the "Debugger for Firefox" extension for VS Code. And it launches a new Firefox Developer Browser window in "remote control" mode.

This mode doesn't load any extensions or carry-over any settings, its like a brand new factory-reset browser without any settings or preferences.

I want to use both the Firefox React Extension in my browser, and the one in VS Code, but I can't get them to load together.

Any ideas?

Here is my launch.json file:

{
"version": "0.2.0",
"configurations": [
    {
        "name": "Launch localhost",
        "type": "firefox",
        //"firefoxExecutable": "C:/Program Files/Firefox Developer Edition/firefox.exe",
        //"firefoxArgs": ["-start-debugger-server","-no-remote"],
        "request": "launch",
        "reAttach": true,
        "url": "http://localhost:3000",
        "webRoot": "${workspaceFolder}/frontend/",
    }
]
}

As you can see I tried adding some Args to the Launch but they don't help.