Error when configuring Component testing with cypress major release 10.3.1

[alineborak]

I'm trying to add the config for Cypress Component test, which came with the release of cypress 10.
When I run the test script npx cypress open
And click to open the component test,
I get the error msg regarding this browserslist:

../../../node_modules/webpack/lib/config/target.js:93:11

91 |             );
  92 |             if (!browsers) {
> 93 |                 throw new Error(`No browserslist config found to handle the 'browserslist' target.
     |                       ^
  94 | See https://github.com/browserslist/browserslist#queries for possible ways to provide a config.
  95 | The recommended way is to add a 'browserslist' key to your package.json and list supported browsers (resp. node.js versions).
  96 | You can also more options via the 'target' option: 'browserslist' / 'browserslist:env' / 'browserslist:query' / 'browserslist:path-to-config' / 'browserslist:path-to-config:env'`);
  97 |             }

Error image screenshot:

• My config file is correct, since when I run e2e tests it runs just fine.

• I already tried using several node versions (14, 16, 17, 18) and that didn't help either.

• I don't have any test yet for component, I'm simply trying to add the config.

Although I've found this somewhat similar issue related to browserslist: cypress-io/cypress#2983
-The solutions there don't work for me, since one of the workaround is using Browserify Preprocessor which is a deprecated plugin.

[alineborak]

@jennifer-shehane 🙏