Use Component Testing (cypress) with CRACO + ESBuild loader

wombo-combo.ts

// craco.config.js
const CracoEsbuildPlugin = require('craco-esbuild')
const { ProvidePlugin } = require('webpack')

module.exports = {
	webpack: {
		plugins: {
			add: [new ProvidePlugin({ React: 'react' })],
		},
	},
	plugins: [{ plugin: CracoEsbuildPlugin }],
}

// cypress/plugins/index.js
process.env.NODE_ENV = 'development'
const cracoConfig = require('../../craco.config.js')
const devServer = require('@cypress/react/plugins/craco')

module.exports = (on, config) => {
	devServer(on, config, cracoConfig)

	return config
}