Expose Babel config for @astro/react. (#10675)

1 files changed, 5 insertions, 3 deletions

diff --git a/packages/integrations/react/src/index.ts b/packages/integrations/react/src/index.ts
index 30781396f..b4cfcc039 100644
--- a/packages/integrations/react/src/index.ts
+++ b/packages/integrations/react/src/index.ts
@@ -3,7 +3,7 @@ import type { AstroIntegration } from 'astro';
 import { version as ReactVersion } from 'react-dom';
 import type * as vite from 'vite';
 
-export type ReactIntegrationOptions = Pick<ViteReactPluginOptions, 'include' | 'exclude'> & {
+export type ReactIntegrationOptions = Pick<ViteReactPluginOptions, 'include' | 'exclude' | 'babel'> & {
 	experimentalReactChildren?: boolean;
 };
 
@@ -46,6 +46,7 @@ function optionsPlugin(experimentalReactChildren: boolean): vite.Plugin {
 function getViteConfiguration({
 	include,
 	exclude,
+	babel,
 	experimentalReactChildren,
 }: ReactIntegrationOptions = {}) {
 	return {
@@ -65,7 +66,7 @@ function getViteConfiguration({
 					: '@astrojs/react/server-v17.js',
 			],
 		},
-		plugins: [react({ include, exclude }), optionsPlugin(!!experimentalReactChildren)],
+		plugins: [react({ include, exclude, babel }), optionsPlugin(!!experimentalReactChildren)],
 		resolve: {
 			dedupe: ['react', 'react-dom', 'react-dom/server'],
 		},
@@ -89,6 +90,7 @@ function getViteConfiguration({
 export default function ({
 	include,
 	exclude,
+	babel,
 	experimentalReactChildren,
 }: ReactIntegrationOptions = {}): AstroIntegration {
 	return {
@@ -97,7 +99,7 @@ export default function ({
 			'astro:config:setup': ({ command, addRenderer, updateConfig, injectScript }) => {
 				addRenderer(getRenderer());
 				updateConfig({
-					vite: getViteConfiguration({ include, exclude, experimentalReactChildren }),
+					vite: getViteConfiguration({ include, exclude, babel, experimentalReactChildren }),
 				});
 				if (command === 'dev') {
 					const preamble = FAST_REFRESH_PREAMBLE.replace(`__BASE__`, '/');