fix: handle JSX correctly

guardian · Oct 28, 2022 · d1ca477 · d1ca477
1 parent edde2a7
commit d1ca477
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 1 deletion.
diff --git a/.changeset/nasty-plums-enjoy.md b/.changeset/nasty-plums-enjoy.md
@@ -0,0 +1,5 @@
+---
+'@guardian/discussion-rendering': patch
+---
+
+Fix Emotion class names
diff --git a/vite.config.ts b/vite.config.ts
@@ -8,11 +8,16 @@ const outDir = pkg.module.split('/')[0];
 
 // https://vitejs.dev/config/
 export default defineConfig({
+	esbuild: {
+		jsxFactory: 'jsx',
+		jsxImportSource: '@emotion/react',
+		jsxInject: `import { jsx } from '@emotion/react';`,
+	},
 	plugins: [
 		react({
 			jsxRuntime: 'classic',
 			babel: {
-				plugins: ['@emotion/babel-plugin'],
+				plugins: ['@emotion'],
 			},
 		}),
 	],