Skip to content

Commit

Permalink
Update dependency @vitejs/plugin-react to v4.3.3
Browse files Browse the repository at this point in the history
| datasource | package              | from  | to    |
| ---------- | -------------------- | ----- | ----- |
| npm        | @vitejs/plugin-react | 4.3.2 | 4.3.3 |


## [v4.3.3](https://github.com/vitejs/vite-plugin-react/blob/HEAD/packages/plugin-react/CHANGELOG.md#433-2024-10-19)

##### React Compiler runtimeModule option removed

React Compiler was updated to accept a `target` option and `runtimeModule` was removed. vite-plugin-react will still detect `runtimeModule` for backwards compatibility.

When using a custom `runtimeModule` or `target !== '19'`, the plugin will not try to pre-optimize `react/compiler-runtime` dependency.

The [react-compiler-runtime](https://www.npmjs.com/package/react-compiler-runtime) is now available on npm can be used instead of the local shim for people using the compiler with React < 19.

Here is the configuration to use the compiler with React 18 and correct source maps in development:

```bash
npm install babel-plugin-react-compiler react-compiler-runtime @babel/plugin-transform-react-jsx-development
```

```ts
export default defineConfig(({ command }) => {
  const babelPlugins = [['babel-plugin-react-compiler', { target: '18' }]]
  if (command === 'serve') {
    babelPlugins.push(['@babel/plugin-transform-react-jsx-development', {}])
  }

  return {
    plugins: [react({ babel: { plugins: babelPlugins } })],
  }
})
```
  • Loading branch information
renovate[bot] authored Oct 20, 2024
1 parent c53f2f0 commit 94dcd12
Show file tree
Hide file tree
Showing 2 changed files with 6 additions and 6 deletions.
2 changes: 1 addition & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -27,7 +27,7 @@
"@types/yargs": "17.0.33",
"@typescript-eslint/eslint-plugin": "8.10.0",
"@typescript-eslint/parser": "8.10.0",
"@vitejs/plugin-react": "4.3.2",
"@vitejs/plugin-react": "4.3.3",
"dotenv": "16.4.5",
"eslint": "8.23.1",
"eslint-config-airbnb": "19.0.4",
Expand Down
10 changes: 5 additions & 5 deletions pnpm-lock.yaml

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

0 comments on commit 94dcd12

Please sign in to comment.