[vite] Internal server error: Dynamic require of "@svgr/core" is not supported

I’m trying to use this package with vite and react, and I’ve followed the readme but I’m getting the following error during build:

[vite] Internal server error: Dynamic require of "@svgr/core" is not supported

This seems to be triggered from https://github.com/antfu/unplugin-icons/blob/038cf0e5431ff0f4889f5f150b18e74f19ebdced/src/core/compilers/jsx.ts#L6

Relevant parts of my vite.config.js:

import Icons from 'unplugin-icons/vite';
import { FileSystemIconLoader } from 'unplugin-icons/loaders';

export default defineConfig({
  plugins: [
    Icons({
      compiler: 'jsx',
      jsx: 'react',
      customCollections: {
        myproject: FileSystemIconLoader('./src/assets/icons'),
      },
    }),
  ],
});

[IanVS]

This can be triggered by adding "type": "module" to the example’s package.json file.

[IanVS]

In the meantime, I can workaround it by changing my config file to commonjs and using --config vite.config.cjs (vite doesn’t seem to find the .cjs file automatically).