Bump @vitejs/plugin-react from 4.2.1 to 4.3.0 in /client #266

2024-05-23T00:29:30Z

dependabot[bot] commented

2024-05-23 00:29:30 +00:00

(Migrated from github.com)

Bumps @vitejs/plugin-react from 4.2.1 to 4.3.0.

Release notes

Sourced from @vitejs/plugin-react's releases.

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

Changelog

Sourced from @vitejs/plugin-react's changelog.

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.

Commits

7e7322a release: plugin-react@4.3.0
4b4a95c fix: don't use retainLines with react compiler (#319)
2b7f2ae fix: support HMR for class components (#320)
302a323 docs: add minimum react version (#321)
9ebfe68 chore: bump deps (#318)
See full diff in compare view

Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting @dependabot rebase.

Dependabot commands and options

You can trigger Dependabot actions by commenting on this PR:

@dependabot rebase will rebase this PR
@dependabot recreate will recreate this PR, overwriting any edits that have been made to it
@dependabot merge will merge this PR after your CI passes on it
@dependabot squash and merge will squash and merge this PR after your CI passes on it
@dependabot cancel merge will cancel a previously requested merge and block automerging
@dependabot reopen will reopen this PR if it is closed
@dependabot close will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually
@dependabot show <dependency name> ignore conditions will show all of the ignore conditions of the specified dependency
@dependabot ignore this major version will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this minor version will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself)
@dependabot ignore this dependency will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself)

Bumps [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react) from 4.2.1 to 4.3.0. <details> <summary>Release notes</summary> <p><em>Sourced from <a href="https://github.com/vitejs/vite-plugin-react/releases"><code>@vitejs/plugin-react</code>'s releases</a>.</em></p> <blockquote> <h2>v4.3.0</h2> <h3>Fix support for React compiler</h3> <p>Don't set <code>retainLines: true</code> 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 <a href="https://github.com/ArnaudBarre/vite-plugin-react-click-to-component">vite-plugin-react-click-to-component</a> to work, you should update your config to something like:</p> <pre lang="ts"><code>export default defineConfig(({ command }) => { const babelPlugins = [['babel-plugin-react-compiler', {}]] if (command === 'serve') { babelPlugins.push(['@babel/plugin-transform-react-jsx-development', {}]) } <p>return { plugins: [react({ babel: { plugins: babelPlugins } })], } }) </code></pre></p> <h3>Support HMR for class components</h3> <p>This is a long overdue and should fix some issues people had with HMR when migrating from CRA.</p> </blockquote> </details> <details> <summary>Changelog</summary> <p><em>Sourced from <a href="https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/CHANGELOG.md"><code>@vitejs/plugin-react</code>'s changelog</a>.</em></p> <blockquote> <h2>4.3.0 (2024-05-22)</h2> <h3>Fix support for React compiler</h3> <p>Don't set <code>retainLines: true</code> 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 <a href="https://github.com/ArnaudBarre/vite-plugin-react-click-to-component">vite-plugin-react-click-to-component</a> to work, you should update your config to something like:</p> <pre lang="ts"><code>export default defineConfig(({ command }) => { const babelPlugins = [['babel-plugin-react-compiler', {}]] if (command === 'serve') { babelPlugins.push(['@babel/plugin-transform-react-jsx-development', {}]) } <p>return { plugins: [react({ babel: { plugins: babelPlugins } })], } }) </code></pre></p> <h3>Support HMR for class components</h3> <p>This is a long overdue and should fix some issues people had with HMR when migrating from CRA.</p> </blockquote> </details> <details> <summary>Commits</summary> <ul> <li><a href="https://github.com/vitejs/vite-plugin-react/commit/7e7322a3b7b3364f7efad2d28289f06c86831131"><code>7e7322a</code></a> release: plugin-react@4.3.0</li> <li><a href="https://github.com/vitejs/vite-plugin-react/commit/4b4a95c04fd3b33238e0624d480c3da9c2402634"><code>4b4a95c</code></a> fix: don't use retainLines with react compiler (<a href="https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react/issues/319">#319</a>)</li> <li><a href="https://github.com/vitejs/vite-plugin-react/commit/2b7f2ae917d1b9627d2d49a3977dc87c30e06a16"><code>2b7f2ae</code></a> fix: support HMR for class components (<a href="https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react/issues/320">#320</a>)</li> <li><a href="https://github.com/vitejs/vite-plugin-react/commit/302a323b75afc5634c4c4aa5bbf329e9ee7ebcce"><code>302a323</code></a> docs: add minimum react version (<a href="https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react/issues/321">#321</a>)</li> <li><a href="https://github.com/vitejs/vite-plugin-react/commit/9ebfe68d75577248fbdbcd861614dc2628b9d974"><code>9ebfe68</code></a> chore: bump deps (<a href="https://github.com/vitejs/vite-plugin-react/tree/HEAD/packages/plugin-react/issues/318">#318</a>)</li> <li>See full diff in <a href="https://github.com/vitejs/vite-plugin-react/commits/v4.3.0/packages/plugin-react">compare view</a></li> </ul> </details> <br /> [![Dependabot compatibility score](https://dependabot-badges.githubapp.com/badges/compatibility_score?dependency-name=@vitejs/plugin-react&package-manager=npm_and_yarn&previous-version=4.2.1&new-version=4.3.0)](https://docs.github.com/en/github/managing-security-vulnerabilities/about-dependabot-security-updates#about-compatibility-scores) Dependabot will resolve any conflicts with this PR as long as you don't alter it yourself. You can also trigger a rebase manually by commenting `@dependabot rebase`. [//]: # (dependabot-automerge-start) [//]: # (dependabot-automerge-end) --- <details> <summary>Dependabot commands and options</summary> <br /> You can trigger Dependabot actions by commenting on this PR: - `@dependabot rebase` will rebase this PR - `@dependabot recreate` will recreate this PR, overwriting any edits that have been made to it - `@dependabot merge` will merge this PR after your CI passes on it - `@dependabot squash and merge` will squash and merge this PR after your CI passes on it - `@dependabot cancel merge` will cancel a previously requested merge and block automerging - `@dependabot reopen` will reopen this PR if it is closed - `@dependabot close` will close this PR and stop Dependabot recreating it. You can achieve the same result by closing it manually - `@dependabot show <dependency name> ignore conditions` will show all of the ignore conditions of the specified dependency - `@dependabot ignore this major version` will close this PR and stop Dependabot creating any more for this major version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this minor version` will close this PR and stop Dependabot creating any more for this minor version (unless you reopen the PR or upgrade to it yourself) - `@dependabot ignore this dependency` will close this PR and stop Dependabot creating any more for this dependency (unless you reopen the PR or upgrade to it yourself) </details>

cloudflare-workers-and-pages[bot] commented

2024-05-23 00:29:32 +00:00

(Migrated from github.com)

Deploying powertools with Cloudflare Pages

Latest commit:	`f7f76bf`
Status:	✅ Deploy successful!
Preview URL:	https://2b10537a.powertools.pages.dev
Branch Preview URL:	https://dependabot-npm-and-yarn-clie-vzvs.powertools.pages.dev

View logs

## Deploying powertools with  <a href="https://pages.dev"><img alt="Cloudflare Pages" src="https://user-images.githubusercontent.com/23264/106598434-9e719e00-654f-11eb-9e59-6167043cfa01.png" width="16"></a>  Cloudflare Pages <table><tr><td><strong>Latest commit:</strong> </td><td> <code>f7f76bf</code> </td></tr> <tr><td><strong>Status:</strong></td><td> ✅  Deploy successful!</td></tr> <tr><td><strong>Preview URL:</strong></td><td> <a href='https://2b10537a.powertools.pages.dev'>https://2b10537a.powertools.pages.dev</a> </td></tr> <tr><td><strong>Branch Preview URL:</strong></td><td> <a href='https://dependabot-npm-and-yarn-clie-vzvs.powertools.pages.dev'>https://dependabot-npm-and-yarn-clie-vzvs.powertools.pages.dev</a> </td></tr> </table> [View logs](https://dash.cloudflare.com/?to=/:account/pages/view/powertools/2b10537a-f402-4096-beeb-5273ddd0f647)

This repo is archived. You cannot comment on pull requests.

1 Participants

Due Date

No due date set.

Dependencies

No dependencies set.

Reference: Mathias/PowerTools#266