No longer working in Next.js 11

[mattjis]

I'm using version 1.1.3

The error is:

./vectors/logos/original.svg
TypeError: unsupported file type: undefined (file: undefined)

[KasperAndersson]

I've encountered the same issue, after updating to Next 11.

next.config.js looks like this:

module.exports =
	plugins([
		[images, { exclude: path.resolve(__dirname, 'src/assets/svg') }],
		[reactSvg, { include: path.resolve(__dirname, 'src/assets/svg') }]
	],
	nextConfig
);

[abenz1267]

Seems to be related to Webpack 5.

[mattjis]

@abenz1267 I don't think so. It worked fine in previous versions of Next with Webpack 5 enabled.

[abenz1267]

Try running with webpack 4, it works. SVGR has the same problem.

[KasperAndersson]

The issue is related to Next 11, vercel/next.js#26130

[mattjis]

This issue is fixed in Next.js 11.0.1 which is currently in pre-release. You can update your package.json with "next": "^11.0.1-canary.5" if you're needing a fix asap.