Proxy settings for webdriver-io is not working

Question

I am using the proxy setting as mentioned in the webdriver-io configuration as below export const config = {

    // ...
    capabilities: [{
        browserName: 'chrome',
        // ...
        proxy: {
            proxyType: "manual",
            httpProxy: "corporate.proxy:8080",
            socksUsername: "codeceptjs",
            socksPassword: "secret",
            noProxy: "127.0.0.1,localhost"
        },
        // ...
    }],
    // ...
}

With this when I execute my tests I get the below screen

If I remove the proxy settings from the config file, it will popup a dialog to enter the user name and password for proxy.

I could not get any help to solve this issue. Any one has faced this issue before? I am using webdriverio using Javascript.