How to access config.browsers in TypeScript elegantly?

[rkrisztian]

Hi,

I want to follow this guide:
https://docs.cypress.io/guides/guides/launching-browsers#Customize-available-browsers

In JavaScript it would look like this:

// cypress/plugins/index.js
module.exports = (on, config) => {
  return {
    ...config,
    browsers: config.browsers.filter((b) => b.family === 'chromium')
  }
}

In TypeScript, I have a problem:

export default ((on, config) => {
  return {
    ...config,
    browsers: (config as unknown as Cypress.RuntimeConfigOptions).browsers.filter((b) => b.family === 'chromium')
  };
}) as Cypress.PluginConfig;

Why doesn't the interface also expose the runtime options?