---
title: "@farmfe/js-plugin-react-compiler"
locale: "en"
version: "current"
canonicalUrl: "https://farmfe.org/docs/plugins/official-plugins/js-react-compiler"
publicationStatus: "prerelease"
---

<a id="farmfejs-plugin-react-compiler"></a>
# @farmfe/js-plugin-react-compiler


JavaScript plugin that runs React Compiler through Babel for matched JSX/TSX modules.


<a id="installation"></a>
## Installation


**npm**

```javascript
npm install @farmfe/js-plugin-react-compiler --save-dev
```


**yarn**

```javascript
yarn add @farmfe/js-plugin-react-compiler --dev
```


**pnpm**

```javascript
pnpm add @farmfe/js-plugin-react-compiler --save-dev
```



<a id="usage"></a>
## Usage


```ts
import { defineConfig } from "@farmfe/core";
import react from "@farmfe/plugin-react";
import { reactCompiler } from "@farmfe/js-plugin-react-compiler";

export default defineConfig({
  plugins: [
    reactCompiler(),
    react(),
  ],
});
```


<a id="options"></a>
## Options


- ` filters?: { moduleTypes?: ModuleType[]; resolvedPaths?: string[] } ` — modules to transform. Defaults to module types ` ["jsx", "tsx"] ` and no path filters.
  The generated Farm plugin is named ` "js-plugin:react-compiler" ` and uses priority ` 120 `.



> [!NOTE]
> note
> 
> The current implementation always configures Babel with ` babel-plugin-react-compiler ` and ` @babel/plugin-syntax-jsx `.