fix(deps): update dependency @vitejs/plugin-react to v4

[renovate]

This PR contains the following updates:

Package	Change	Age	Adoption	Passing	Confidence
@vitejs/plugin-react (source)	3.1.0 -> 4.0.0
@vitejs/plugin-react (source)	^3.1.0 -> ^4.0.0

---

Release Notes

vitejs/vite-plugin-react

v4.0.0

Compare Source

This major version include a revamp of options:

• include/exclude now allow to completely override the files processed by the plugin (#​122). This is more in line with other Rollup/Vite plugins and simplify the setup of enabling Fast Refresh for .mdx files. This can be done like this:

export default defineConfig({
  plugins: [
    { enforce: 'pre', ...mdx() },
    react({ include: /\.(mdx|js|jsx|ts|tsx)$/ }),
  ],
})

These changes also allow to apply Babel plugins on files outside Vite root (expect in node_modules), which improve support for monorepo (fix #​16).

With these changes, only the file extensions is used for filtering processed files and the query param fallback is removed.

• fastRefresh is removed (#​122). This should be correctly activated by plugin without configuration.
• jsxPure is removed. This is a niche use case that was just passing down the boolean to esbuild.jsxSideEffects. (#​129)

The support for React auto import whe using classic runtime is removed. This was prone to errors and added complexity for no good reason given the very wide support of automatic runtime nowadays. This migration path should be as simple as removing the runtime option from the config.

This release goes in hand with the upcoming Vite 4.3 release focusing on performances:

• Cache plugin load (#​141)
• Wrap dynamic import to speedup analysis (#​143)

Other notable changes:

• Silence "use client" warning (#​144, fix #​137)
• Fast Refresh is applied on JS files using automatic runtime (#​122, fix #​83)
• Vite 4.2 is required as a peer dependency (#​128)
• Avoid key collision in React refresh registration (a74dfef, fix #​116)
• Throw when refresh runtime is loaded twice (#​108, fix #​101)
• Don't force optimization of jsx-runtime (#​132)

---

Configuration

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

🚦 Automerge: Disabled by config. Please merge this manually once you are satisfied.

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

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

---

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

---

This PR has been generated by Mend Renovate. View repository job log here.

[replay-io]

15 replays were recorded for 5bcd653.

0 Failed

15 Passed

• useAuth hook, auth redirects checks
• Check that a specific blog post is prerendered
• Check that about is prerendered
• Check that homepage is prerendered
• Check that meta-tags are rendering the correct dynamic data
• Check that you can navigate from home page to specific blog post
• Waterfall prerendering (nested cells)
• RBAC: Admin user should be able to delete contacts
• RBAC: Should not be able to delete contact as non-admin user
• Smoke test with dev server
• Smoke test with rw serve
• Loads Cell mocks when Cell is nested in another story
• Loads Cell Stories
• Loads MDX Stories
• Mocks current user, and updates UI while dev server is running

View test run on Replay ↗︎

[replay-io]

16 replays were recorded for 06b45db.

0 Failed

16 Passed

requireAuth graphql checks

    ```
    locator.waitFor: Target closed
    =========================== logs ===========================
    waiting for locator('.rw-form-error-title').locator('text=You don\'t have permission to do that') to be visible
    ============================================================
    ```
  </ol>
</details>
<li><a href=https://app.replay.io/recording/ec418ba9-d648-4ded-8a3b-fa2827c3fbcd>useAuth hook, auth redirects checks</a></li>
<li><a href=https://app.replay.io/recording/37665924-9abd-4b5e-ab3a-f7bc7a0f1630>Check that a specific blog post is prerendered</a></li>
<li><a href=https://app.replay.io/recording/59b1a6ce-3c27-423b-b575-3aa2c1c9eb2b>Check that about is prerendered</a></li>
<li><a href=https://app.replay.io/recording/3c3ce0a1-f349-4d4b-93c4-29f20899a7a4>Check that homepage is prerendered</a></li>
<li><a href=https://app.replay.io/recording/8061e392-11fe-4cf6-a9ba-2354abbfe782>Check that meta-tags are rendering the correct dynamic data</a></li>
<li><a href=https://app.replay.io/recording/d86d6a6a-703b-4176-b9e3-a21f4301c59c>Check that you can navigate from home page to specific blog post</a></li>
<li><a href=https://app.replay.io/recording/c342c9b9-8169-43dd-86d2-8c1bc5b67653>Waterfall prerendering (nested cells)</a></li>
<li><a href=https://app.replay.io/recording/90794dc4-59fa-4ded-817f-588a7b0d1b6d>RBAC: Admin user should be able to delete contacts</a></li>
<li><a href=https://app.replay.io/recording/5b951bb2-2986-4b3c-a763-554be221d4b0>RBAC: Should not be able to delete contact as non-admin user</a></li>
<li><a href=https://app.replay.io/recording/4cd89458-9acc-442c-bd06-d5c6ece6e0a9>Smoke test with dev server</a></li>
<li><a href=https://app.replay.io/recording/02abd042-c70e-495a-8473-a71bc5d5f2c2>Smoke test with rw serve</a></li>
<li><a href=https://app.replay.io/recording/8ff4d6cb-a93b-4144-b19d-4361a73f8310>Loads Cell mocks when Cell is nested in another story</a></li>
<li><a href=https://app.replay.io/recording/41c1bb9a-9f8e-48f1-9601-271f443bea67>Loads Cell Stories</a></li>
<li><a href=https://app.replay.io/recording/3a8daad4-df47-4f61-9888-f0e154428f7c>Loads MDX Stories</a></li>
<li><a href=https://app.replay.io/recording/9f47ddbc-ea28-4017-8bcd-83feb324605e>Mocks current user, and updates UI while dev server is running</a></li>

View test run on Replay ↗︎