launch.json for debugging React in VS Code

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": [
        {
            "name": "Launch localhost",
            "type": "chrome",
            "request": "launch",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}",
            "userDataDir": false,
        },
    ]
}

Also note to self that I always have to:

• shut down all open instances of Chrome
• start debugging (hit Run, green arrow)
• wait for the new Chrome window to open, URL bar will say about:blank
• focus back on the VS Code window (where the bottom bar has now turned orange)
• And then localhost:3000 will load