Update dependency @vitejs/plugin-react to v4.3.1 #15

pierre · 2024-05-23T00:26:34Z

pierre commented

2024-05-23 00:26:34 +00:00

This PR contains the following updates:

Package	Type	Update	Change
@vitejs/plugin-react (source)	devDependencies	minor	`4.2.1` -> `4.3.1`

Release Notes

vitejs/vite-plugin-react (@vitejs/plugin-react)

`v4.3.1`

Compare Source

Fix support for React Compiler with React 18

The previous version made this assumption that the compiler was only usable with React 19, but it's possible to use it with React 18 and a custom runtimeModule: https://gist.github.com/poteto/37c076bf112a07ba39d0e5f0645fec43

When using a custom runtimeModule, the plugin will not try to pre-optimize react/compiler-runtime dependency.

Reminder: Vite expect code outside of node_modules to be ESM, so you will need to update the gist with import React from 'react'.

`v4.3.0`

Compare Source

Fix support for React compiler

Don't set retainLines: true when the React compiler is used. This creates whitespace issues and the compiler is modifying the JSX too much to get correct line numbers after that. If you want to use the React compiler and get back correct line numbers for tools like vite-plugin-react-click-to-component to work, you should update your config to something like:

export default defineConfig(({ command }) => {
  const babelPlugins = [['babel-plugin-react-compiler', {}]]
  if (command === 'serve') {
    babelPlugins.push(['@&#8203;babel/plugin-transform-react-jsx-development', {}])
  }

  return {
    plugins: [react({ babel: { plugins: babelPlugins } })],
  }
})

Support HMR for class components

This is a long overdue and should fix some issues people had with HMR when migrating from CRA.

Configuration

📅 Schedule: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined).

🚦 Automerge: Enabled.

♻ Rebasing: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.

🔕 Ignore: Close this PR and you won't be reminded about this update again.

If you want to rebase/retry this PR, check this box

This PR has been generated by Renovate Bot.

This PR contains the following updates: | Package | Type | Update | Change | |---|---|---|---| | [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/main/packages/plugin-react#readme) ([source](https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react)) | devDependencies | minor | [`4.2.1` -> `4.3.1`](https://renovatebot.com/diffs/npm/@vitejs%2fplugin-react/4.2.1/4.3.1) | --- ### Release Notes <details> <summary>vitejs/vite-plugin-react (@vitejs/plugin-react)</summary> ### [`v4.3.1`](https://github.com/vitejs/vite-plugin-react/blob/HEAD/packages/plugin-react/CHANGELOG.md#431-2024-06-10) [Compare Source](https://github.com/vitejs/vite-plugin-react/compare/v4.3.0...v4.3.1) ##### Fix support for React Compiler with React 18 The previous version made this assumption that the compiler was only usable with React 19, but it's possible to use it with React 18 and a custom `runtimeModule`: https://gist.github.com/poteto/37c076bf112a07ba39d0e5f0645fec43 When using a custom `runtimeModule`, the plugin will not try to pre-optimize `react/compiler-runtime` dependency. Reminder: Vite expect code outside of `node_modules` to be ESM, so you will need to update the gist with `import React from 'react'`. ### [`v4.3.0`](https://github.com/vitejs/vite-plugin-react/blob/HEAD/packages/plugin-react/CHANGELOG.md#430-2024-05-22) [Compare Source](https://github.com/vitejs/vite-plugin-react/compare/v4.2.1...v4.3.0) ##### Fix support for React compiler Don't set `retainLines: true` when the React compiler is used. This creates whitespace issues and the compiler is modifying the JSX too much to get correct line numbers after that. If you want to use the React compiler and get back correct line numbers for tools like [vite-plugin-react-click-to-component](https://github.com/ArnaudBarre/vite-plugin-react-click-to-component) to work, you should update your config to something like: ```ts export default defineConfig(({ command }) => { const babelPlugins = [['babel-plugin-react-compiler', {}]] if (command === 'serve') { babelPlugins.push(['@babel/plugin-transform-react-jsx-development', {}]) } return { plugins: [react({ babel: { plugins: babelPlugins } })], } }) ``` ##### Support HMR for class components This is a long overdue and should fix some issues people had with HMR when migrating from CRA. </details> --- ### Configuration 📅 **Schedule**: Branch creation - At any time (no schedule defined), Automerge - At any time (no schedule defined). 🚦 **Automerge**: Enabled. ♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox. 🔕 **Ignore**: Close this PR and you won't be reminded about this update again. --- - [ ] If you want to rebase/retry this PR, check this box --- This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).

pierre added 1 commit 2024-05-23 00:26:34 +00:00

Update dependency @vitejs/plugin-react to v4.3.0

continuous-integration/drone/push Build is failing

Details

continuous-integration/drone/pr Build is failing

Details

b36bc8b0a8

pierre scheduled this pull request to auto merge when all checks succeed 2024-05-23 00:26:34 +00:00

pierre changed title from ~~Update dependency @vitejs/plugin-react to v4.3.0~~ to Update dependency @vitejs/plugin-react to v4.3.1

2024-06-28 00:21:02 +00:00

pierre force-pushed renovate/vitejs-plugin-react-4.x-lockfile from b36bc8b0a8 to e37ba8329a

2024-06-28 00:21:02 +00:00

Compare

pierre merged commit d1cb1f46f5 into master

2024-06-28 01:06:48 +00:00

Sign in to join this conversation.

1 Participants

Notifications

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: pierre/VirtWebRemote#15