From 524bef49517c86ce41a1e32815413b911d95e2c1 Mon Sep 17 00:00:00 2001 From: Nitin Govardhane Date: Fri, 28 Nov 2025 01:31:31 +0530 Subject: [PATCH] Fix: Update Vite alternate config for TypeScript support (#8148) - Add filter parameter to match .js, .jsx, .ts, and .tsx files - Include @babel/preset-typescript for TypeScript support - Add ReactCompilerConfig variable for consistency - Align with React Router configuration pattern --- src/content/learn/react-compiler/installation.md | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) diff --git a/src/content/learn/react-compiler/installation.md b/src/content/learn/react-compiler/installation.md index 6cce34c6b6b..197535e24bf 100644 --- a/src/content/learn/react-compiler/installation.md +++ b/src/content/learn/react-compiler/installation.md @@ -88,18 +88,24 @@ Alternatively, if you prefer a separate Babel plugin for Vite: npm install -D vite-plugin-babel -```js {2,11} +```js {2,11-18} // vite.config.js import babel from 'vite-plugin-babel'; import { defineConfig } from 'vite'; import react from '@vitejs/plugin-react'; +const ReactCompilerConfig = { /* ... */ }; + export default defineConfig({ plugins: [ react(), babel({ + filter: /\.[jt]sx?$/, babelConfig: { - plugins: ['babel-plugin-react-compiler'], + presets: ["@babel/preset-typescript"], // if you use TypeScript + plugins: [ + ["babel-plugin-react-compiler", ReactCompilerConfig], + ], }, }), ],