[Snyk] Upgrade @vitejs/plugin-react from 4.2.1 to 4.3.1

[cld-sec]

This PR was automatically created by Snyk using the credentials of a real user.


Snyk has created this PR to upgrade @vitejs/plugin-react from 4.2.1 to 4.3.1.

ℹ️ Keep your dependencies up-to-date. This makes it easier to fix existing vulnerabilities and to more quickly identify and fix newly disclosed vulnerabilities when they affect your project.

---

• The recommended version is 2 versions ahead of your current version.

• The recommended version was released on 21 days ago.

Release notes

Package name: @vitejs/plugin-react

• 4.3.1 - 2024-06-10
  

  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'.

• 4.3.0 - 2024-05-22
  

  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(['@ 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.

• 4.2.1 - 2023-12-04
  

  Remove generic parameter on Plugin to avoid type error with Rollup 4/Vite 5 and skipLibCheck: false.

  I expect very few people to currently use this feature, but if you are extending the React plugin via api object, you can get back the typing of the hook by importing ViteReactPluginApi:

  import type { Plugin } from 'vite'
  import type { ViteReactPluginApi } from '@ vitejs/plugin-react'

  export const somePlugin: Plugin = {
  name: 'some-plugin',
  api: {
  reactBabel: (babelConfig) => {
  babelConfig.plugins.push('some-babel-plugin')
  },
  } satisfies ViteReactPluginApi,
  }

  
  

from @vitejs/plugin-react GitHub release notes

---

Important

• Check the changes in this PR to ensure they won't cause issues with your project.
• This PR was automatically created by Snyk using the credentials of a real user.

---

Note: You are seeing this because you or someone else with access to this repository has authorized Snyk to open upgrade PRs.

For more information:

• 🧐 View latest project report
• 📜 Customise PR templates
• 🛠 Adjust upgrade PR settings
• 🔕 Ignore this dependency or unsubscribe from future upgrade PRs