CSP blocks Developer Tools

Hi guys. It seems that CSP blocks Developer Tools if I set the response header Content-Security-Policy to default-src ‘self’. Is it possible to enable (make an exception for) dev tools by changing CSP? If so, how? Thanks.

webRequest.onHeadersReceived((details, callback) => {
    callback({
        responseHeaders: {
            ...details.responseHeaders,
            'Content-Security-Policy': ["default-src 'self'"],
        },
    });
});

The error that I am getting in dev mode is:

[1] [41822:0727/192353.810148:ERROR:CONSOLE(69)] "Uncaught (in promise) EvalError: Refused to evaluate a string as JavaScript because ‘unsafe-eval’ is not an allowed source of script in the following Content Security Policy directive: “default-src ‘self’”.
[1] ", source: devtools://devtools/bundled/root/root.js (69)


package.json

{
    ...
    "dependencies": {
        "cross-env": "7.0.2",
        "deepmerge": "4.2.2",
        "electron-is-dev": "1.2.0",
        "electron-log": "4.2.2",
        "electron-updater": "4.3.1",
        "sequelize-cli": "6.2.0",
        "sequelize": "6.3.3",
        "sqlite3": "5.0.0",
        "umzug": "2.3.0",
        "uuid": "8.2.0"
    },
    "devDependencies": {
        "concurrently": "5.2.0",
        "electron": "9.1.0",
        "electron-builder": "22.7.0",
        "spectron": "11.1.0",
        "wait-on": "5.1.0",
        "xvfb-maybe": "0.2.1"
    },
    ...
}

Thanks anyway. I could use this:
'Content-Security-Policy': ["default-src 'self'; script-src 'self' devtools: 'unsafe-eval'; style-src 'self' devtools: 'unsafe-inline'"]