Support esm config

[magnattic]

🚀 Feature Proposal

Since svgo version 2.7.0 there is support for configs written as es modules: svg/svgo#1583
Please also support this kind of config in svgr.

Motivation

I am trying to convert my library to esm, but this leads to the svgo.config,js within it to also being interpreted as esm.
Then the build fails with the following error:

(plugin svgr) Error: require() of ES Module /myproject/svgo.config.js from /myproject/.yarn/cache/cosmiconfig-npm-7.0.1-dd19ae2403-4be63e7117.zip/node_modules/cosmiconfig/dist/loaders.js not supported.
Instead change the require of svgo.config.js in /myproject/.yarn/cache/cosmiconfig-npm-7.0.1-dd19ae2403-4be63e7117.zip/node_modules/cosmiconfig/dist/loaders.js to a dynamic import() which is available in all CommonJS modules.

Example

Simply declare the svgo.config.js as

export default {
  plugins: [
    {
      name: 'removeViewBox',
      active: false,
    },
  ],
};

Additional remarks

It would be also be fine for me if svgr would simply accept/find an svgo.config.cjs in the old format.
But since svgo already supports this I guess it might be easiest to simply support esm?

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[magnattic]

Any chance this will be supported?

[adambisek]

Good workaround is to use for example .svgrrc file with plain JSON instead.

https://react-svgr.com/docs/configuration-files/#configuration-files

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.

[mckelveygreg]

We are using .svgrrc, but our svgo.config.js is what breaks the cli. Put a PR to accept .cjs files so svgo configs can still be written in JS in these environments. #879

Another workaround is to use any of the non-js alternatives that will be picked up:

svgr/packages/plugin-svgo/src/config.ts

Lines 4 to 14 in 82928f0

	const explorer = cosmiconfigSync('svgo', {
	searchPlaces: [
	'package.json',
	'.svgorc',
	'.svgorc.js',
	'.svgorc.json',
	'.svgorc.yaml',
	'.svgorc.yml',
	'svgo.config.js',
	'.svgo.yml',
	],