Debug React apps in VS Code with breakpoints

launch.json

// Start the task first running npm start or CMD+Shift+B (run build task)
// To disable React auto-launch in the default browser, I added "BROWSER=none" into the npm start script. 
// Then run the debug session with F5. It will launch Chrome and breakpoints will work

// launch.json
{
    "version": "0.2.0",
    "configurations": [
        {
            "name": "Launch Chrome",
            "request": "launch",
            "type": "pwa-chrome",
            "url": "http://localhost:3000",
            "webRoot": "${workspaceFolder}"
        }
    ]
}

tasks.json

// tasks.json
{
	"version": "2.0.0",
	"tasks": [
		{
			"type": "npm",
			"script": "start",
			"problemMatcher": [],
			"label": "npm: start",
			"detail": "react-scripts start",
			"group": {
				"kind": "build",
				"isDefault": true
			}
		}
	]
}