From 4207c4024ab17253261d9af651ff84ca5fd9db39 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Dec 2025 08:24:36 +0000
Subject: [PATCH 1/4] Initial plan


From aa82e65fd28626fe9ca2638d45519017e498fd40 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Dec 2025 08:30:42 +0000
Subject: [PATCH 2/4] chore: setup oxfmt for formatting

Co-authored-by: hi-ogawa <4232207+hi-ogawa@users.noreply.github.com>
---
 .oxfmtrc.json                                 |   5 +
 eslint.config.js                              |  12 +-
 package.json                                  |   7 +-
 packages/common/refresh-runtime.js            |  43 +-
 packages/common/refresh-utils.ts              |   7 +-
 packages/common/warning.ts                    |   7 +-
 packages/plugin-react-oxc/src/index.ts        |  11 +-
 .../__tests__/emotion-plugin.spec.ts          |  12 +-
 .../playground/emotion-plugin/src/App.jsx     |  10 +-
 .../emotion/__tests__/emotion.spec.ts         |  12 +-
 .../playground/emotion/src/App.tsx            |  10 +-
 .../playground/hmr/__tests__/hmr.spec.ts      |  16 +-
 .../playground/hmr/src/App.tsx                |   4 +-
 .../playground/mdx/__tests__/mdx.spec.ts      |   6 +-
 .../react-18/__tests__/react-18.spec.ts       |  16 +-
 .../playground/react-18/src/App.tsx           |   4 +-
 .../__tests__/styled-components.spec.ts       |  10 +-
 .../playground/styled-components/src/App.tsx  |   4 +-
 packages/plugin-react-swc/playground/utils.ts |  36 +-
 .../worker/__tests__/worker.spec.ts           |   6 +-
 .../plugin-react-swc/playwright.config.ts     |   6 +-
 packages/plugin-react-swc/src/index.ts        |  29 +-
 packages/plugin-react-swc/tsdown.config.ts    |   5 +-
 packages/plugin-react/src/index.ts            |  78 +--
 packages/plugin-rsc/e2e/base.test.ts          |   4 +-
 packages/plugin-rsc/e2e/basic.test.ts         | 652 +++++-------------
 packages/plugin-rsc/e2e/browser-mode.test.ts  |  48 +-
 packages/plugin-rsc/e2e/error.test.ts         |   4 +-
 packages/plugin-rsc/e2e/fixture.ts            |  25 +-
 packages/plugin-rsc/e2e/helper.ts             |   6 +-
 packages/plugin-rsc/e2e/isolated.test.ts      |  31 +-
 packages/plugin-rsc/e2e/react-router.test.ts  |  63 +-
 .../plugin-rsc/e2e/render-built-url.test.ts   |   4 +-
 packages/plugin-rsc/e2e/ssr-thenable.test.ts  |   5 +-
 packages/plugin-rsc/e2e/starter.ts            |  50 +-
 packages/plugin-rsc/e2e/syntax-error.test.ts  |  32 +-
 .../plugin-rsc/e2e/validate-imports.test.ts   |   8 +-
 .../basic/src/framework/entry.rsc.tsx         |   7 +-
 .../basic/src/framework/entry.ssr.tsx         |  10 +-
 .../basic/src/framework/error-boundary.tsx    |  10 +-
 .../basic/src/framework/use-cache-runtime.tsx |  10 +-
 .../basic/src/routes/action-bind/form.tsx     |   4 +-
 .../basic/src/routes/action-bind/server.tsx   |  15 +-
 .../src/routes/action-from-client/client.tsx  |   4 +-
 .../basic/src/routes/action-state/client.tsx  |   5 +-
 .../basic/src/routes/action/server.tsx        |   6 +-
 .../basic/src/routes/assets/client.tsx        |   7 +-
 .../basic/src/routes/assets/server.tsx        |   7 +-
 .../basic/src/routes/browser-only/client.tsx  |   4 +-
 .../basic/src/routes/chunk/server.tsx         |  10 +-
 .../examples/basic/src/routes/client.tsx      |   6 +-
 .../basic/src/routes/css-queries/server.tsx   |   6 +-
 .../src/routes/hmr-client-dep/client.tsx      |   8 +-
 .../src/routes/hmr-client-dep2/client.tsx     |   8 +-
 .../src/routes/hmr-client-dep3/client-a.tsx   |   4 +-
 .../src/routes/hmr-shared/atomic/client.tsx   |  10 +-
 .../basic/src/routes/hmr-shared/client.tsx    |   3 +-
 .../basic/src/routes/hmr-shared/server.tsx    |   3 +-
 .../src/routes/hydration-mismatch/server.tsx  |   6 +-
 .../basic/src/routes/payload/client.tsx       |   7 +-
 .../examples/basic/src/routes/root.tsx        |   5 +-
 .../basic/src/routes/serialization/server.tsx |   5 +-
 .../src/routes/style-client-no-ssr/server.tsx |   4 +-
 .../basic/src/routes/style-client/client.tsx  |   6 +-
 .../basic/src/routes/style-server/server.tsx  |   6 +-
 .../basic/src/routes/use-cache/server.tsx     |   4 +-
 .../test-dep/client-in-server2/client.js      |   6 +-
 .../test-dep/client-in-server2/server.js      |   6 +-
 .../basic/test-dep/css-in-server/server.js    |   6 +-
 .../plugin-rsc/examples/basic/vite.config.ts  |  40 +-
 .../browser-mode/src/action-bind/form.tsx     |   4 +-
 .../browser-mode/src/action-bind/server.tsx   |  15 +-
 .../examples/browser-mode/src/client.tsx      |   6 +-
 .../src/framework/load-client-dev.tsx         |   9 +-
 .../examples/browser-mode/src/root.tsx        |   5 +-
 .../examples/browser-mode/vite.config.ts      |  24 +-
 .../examples/browser/lib/dev-proxy.ts         |   5 +-
 .../plugin-rsc/examples/browser/lib/plugin.ts |  18 +-
 .../examples/browser/src/client.tsx           |   6 +-
 .../browser/src/framework/entry.browser.tsx   |   4 +-
 .../plugin-rsc/examples/browser/src/root.tsx  |   5 +-
 .../examples/e2e/middleware-mode.ts           |   4 +-
 .../plugin-rsc/examples/no-ssr/src/client.tsx |   6 +-
 .../no-ssr/src/framework/entry.browser.tsx    |   8 +-
 .../plugin-rsc/examples/no-ssr/src/root.tsx   |   5 +-
 .../plugin-rsc/examples/no-ssr/vite.config.ts |   5 +-
 .../react-router/app/routes/client.tsx        |   8 +-
 .../examples/react-router/app/routes/home.tsx |  13 +-
 .../app/routes/test-action-state/client.tsx   |   5 +-
 .../react-router-vite/entry.browser.tsx       |  13 +-
 .../react-router-vite/entry.rsc.single.tsx    |   4 +-
 .../react-router-vite/entry.ssr.tsx           |  19 +-
 .../plugin-rsc/examples/ssg/src/counter.tsx   |   4 +-
 .../ssg/src/framework/entry.browser.tsx       |   5 +-
 .../examples/ssg/src/framework/entry.rsc.tsx  |   8 +-
 .../examples/ssg/src/framework/entry.ssr.tsx  |   6 +-
 .../ssg/src/framework/error-boundary.tsx      |  10 +-
 packages/plugin-rsc/examples/ssg/src/root.tsx |   9 +-
 .../plugin-rsc/examples/ssg/vite.config.ts    |   5 +-
 .../examples/starter-cf-single/src/client.tsx |   6 +-
 .../src/framework/entry.rsc.tsx               |   7 +-
 .../src/framework/entry.ssr.tsx               |  10 +-
 .../src/framework/error-boundary.tsx          |  10 +-
 .../examples/starter-cf-single/src/root.tsx   |   5 +-
 .../examples/starter/src/client.tsx           |   6 +-
 .../starter/src/framework/entry.rsc.tsx       |   7 +-
 .../starter/src/framework/entry.ssr.tsx       |  10 +-
 .../starter/src/framework/error-boundary.tsx  |  10 +-
 .../plugin-rsc/examples/starter/src/root.tsx  |   5 +-
 packages/plugin-rsc/playwright.config.ts      |   4 +-
 packages/plugin-rsc/src/browser.ts            |   4 +-
 packages/plugin-rsc/src/core/browser.ts       |   4 +-
 packages/plugin-rsc/src/core/rsc.ts           |  54 +-
 packages/plugin-rsc/src/core/ssr.ts           |   4 +-
 packages/plugin-rsc/src/index.ts              |   7 +-
 packages/plugin-rsc/src/plugin.ts             | 403 ++++-------
 packages/plugin-rsc/src/plugins/cjs.ts        |   8 +-
 .../src/plugins/find-source-map-url.ts        |  10 +-
 packages/plugin-rsc/src/plugins/scan.ts       |   6 +-
 packages/plugin-rsc/src/plugins/utils.ts      |  16 +-
 .../plugin-rsc/src/plugins/validate-import.ts |  27 +-
 packages/plugin-rsc/src/plugins/vite-utils.ts |   5 +-
 packages/plugin-rsc/src/react/browser.ts      |  17 +-
 packages/plugin-rsc/src/react/rsc.ts          |  38 +-
 packages/plugin-rsc/src/rsc.tsx               |  11 +-
 packages/plugin-rsc/src/transforms/cjs.ts     |  15 +-
 .../plugin-rsc/src/transforms/hoist.test.ts   |  13 +-
 packages/plugin-rsc/src/transforms/hoist.ts   |  33 +-
 .../plugin-rsc/src/transforms/proxy-export.ts |  26 +-
 packages/plugin-rsc/src/transforms/utils.ts   |  10 +-
 .../plugin-rsc/src/transforms/waku.test.ts    |  15 +-
 .../src/transforms/wrap-export.test.ts        |  16 +-
 .../plugin-rsc/src/transforms/wrap-export.ts  |  42 +-
 packages/plugin-rsc/src/types/virtual.d.ts    |   4 +-
 .../src/utils/encryption-runtime.ts           |  14 +-
 .../plugin-rsc/src/utils/encryption-utils.ts  |  14 +-
 packages/plugin-rsc/src/utils/rpc.ts          |  12 +-
 packages/plugin-rsc/tsdown.config.ts          |   9 +-
 .../__tests__/class-components.spec.ts        |  18 +-
 .../__tests__/compiler-react-18.spec.ts       |   4 +-
 playground/compiler-react-18/src/App.tsx      |   8 +-
 .../compiler/__tests__/compiler.spec.ts       |   4 +-
 playground/compiler/src/App.tsx               |   8 +-
 playground/hmr-false/src/App.tsx              |   4 +-
 .../__tests__/hook-with-jsx.spec.ts           |   5 +-
 .../hook-with-jsx/src/useButtonHook.tsx       |   6 +-
 playground/include-node-modules/App.jsx       |   5 +-
 playground/mdx/__tests__/mdx.spec.ts          |   5 +-
 playground/mdx/vite.config.ts                 |   5 +-
 playground/react-classic/App.jsx              |   4 +-
 .../react-classic/__tests__/react.spec.ts     |  27 +-
 .../react-classic/components/WithQuery.jsx    |   5 +-
 .../react-emotion/__tests__/react.spec.ts     |  12 +-
 playground/react-sourcemap/main.jsx           |   4 +-
 playground/react/App.jsx                      |   5 +-
 playground/react/__tests__/react.spec.ts      |  73 +-
 playground/react/components/Accordion.jsx     |   5 +-
 playground/react/components/WithQuery.jsx     |   5 +-
 .../ssr-react/__tests__/ssr-react.spec.ts     |   8 +-
 playground/ssr-react/src/entry-client.jsx     |   5 +-
 playground/ssr-react/src/entry-server.jsx     |   4 +-
 playground/ssr-react/vite.config.js           |  18 +-
 playground/test-utils.ts                      |   9 +-
 playground/vitestGlobalSetup.ts               |   8 +-
 playground/vitestSetup.ts                     |  28 +-
 pnpm-lock.yaml                                |  83 +++
 scripts/release.ts                            |  12 +-
 167 files changed, 834 insertions(+), 2244 deletions(-)
 create mode 100644 .oxfmtrc.json

diff --git a/.oxfmtrc.json b/.oxfmtrc.json
new file mode 100644
index 000000000..4bddb6759
--- /dev/null
+++ b/.oxfmtrc.json
@@ -0,0 +1,5 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "semi": false,
+  "singleQuote": true
+}
diff --git a/eslint.config.js b/eslint.config.js
index 1b2ff21dc..bbf423000 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -9,12 +9,7 @@ import globals from 'globals'
 
 export default tseslint.config(
   {
-    ignores: [
-      '**/dist/**',
-      '**/playground-temp/**',
-      '**/temp/**',
-      'packages/plugin-rsc/**',
-    ],
+    ignores: ['**/dist/**', '**/playground-temp/**', '**/temp/**', 'packages/plugin-rsc/**'],
   },
   eslint.configs.recommended,
   ...tseslint.configs.recommended,
@@ -65,10 +60,7 @@ export default tseslint.config(
         'error',
         { allowArgumentsExplicitlyTypedAsAny: true },
       ],
-      '@typescript-eslint/no-empty-function': [
-        'error',
-        { allow: ['arrowFunctions'] },
-      ],
+      '@typescript-eslint/no-empty-function': ['error', { allow: ['arrowFunctions'] }],
       '@typescript-eslint/no-empty-interface': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       'no-extra-semi': 'off',
diff --git a/package.json b/package.json
index b9fdbce31..a5d64b51e 100644
--- a/package.json
+++ b/package.json
@@ -18,7 +18,7 @@
   "scripts": {
     "preinstall": "npx only-allow pnpm",
     "postinstall": "simple-git-hooks",
-    "format": "prettier --write --cache .",
+    "format": "oxfmt",
     "lint": "eslint --cache .",
     "typecheck": "tsc -p scripts && tsc -p playground && tsc -p packages/plugin-react",
     "test": "pnpm run test-unit && pnpm run test-serve && pnpm run test-build && pnpm --filter ./packages/plugin-react-swc run test",
@@ -44,6 +44,7 @@
     "fs-extra": "^11.3.2",
     "globals": "^16.5.0",
     "lint-staged": "^16.2.7",
+    "oxfmt": "^0.16.0",
     "picocolors": "^1.1.1",
     "playwright-chromium": "^1.57.0",
     "prettier": "^3.6.2",
@@ -58,8 +59,8 @@
     "pre-commit": "pnpm exec lint-staged --concurrent false"
   },
   "lint-staged": {
-    "*": [
-      "prettier --write --cache --ignore-unknown"
+    "*.{js,mjs,cjs,jsx,ts,mts,cts,tsx,vue,astro,svelte,json,jsonc}": [
+      "oxfmt"
     ],
     "packages/*/{src,types}/**/*.ts": [
       "eslint --cache --fix"
diff --git a/packages/common/refresh-runtime.js b/packages/common/refresh-runtime.js
index e798d000e..0ee199033 100644
--- a/packages/common/refresh-runtime.js
+++ b/packages/common/refresh-runtime.js
@@ -190,9 +190,7 @@ function performReactRefresh() {
     failedRootsSnapshot.forEach((root) => {
       const helpers = helpersByRootSnapshot.get(root)
       if (helpers === undefined) {
-        throw new Error(
-          'Could not find helpers for a root. This is a bug in React Refresh.',
-        )
+        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.')
       }
       if (!failedRoots.has(root)) {
         // No longer failed.
@@ -217,9 +215,7 @@ function performReactRefresh() {
     mountedRootsSnapshot.forEach((root) => {
       const helpers = helpersByRootSnapshot.get(root)
       if (helpers === undefined) {
-        throw new Error(
-          'Could not find helpers for a root. This is a bug in React Refresh.',
-        )
+        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.')
       }
       if (!mountedRoots.has(root)) {
         // No longer mounted.
@@ -405,8 +401,7 @@ export function injectIntoGlobalHook(globalObject) {
           alternate.memoizedState.element != null &&
           mountedRoots.has(root)
 
-        const isMounted =
-          current.memoizedState != null && current.memoizedState.element != null
+        const isMounted = current.memoizedState != null && current.memoizedState.element != null
 
         if (!wasMounted && isMounted) {
           // Mount a new root.
@@ -481,10 +476,7 @@ export function createSignatureFunctionForTransform() {
       // Set the signature for all types (even wrappers!) in case
       // they have no signatures of their own. This is to prevent
       // problems like https://github.com/facebook/react/issues/20417.
-      if (
-        type != null &&
-        (typeof type === 'function' || typeof type === 'object')
-      ) {
+      if (type != null && (typeof type === 'function' || typeof type === 'object')) {
         setSignature(type, key, forceReset, getCustomHooks)
       }
       return type
@@ -578,10 +570,7 @@ export function registerExportsForReactRefresh(filename, moduleExports) {
       register(exportValue, filename + ' export ' + key)
     } else if (isCompoundComponent(exportValue)) {
       for (const subKey in exportValue) {
-        register(
-          exportValue[subKey],
-          filename + ' export ' + key + '-' + subKey,
-        )
+        register(exportValue[subKey], filename + ' export ' + key + '-' + subKey)
       }
     }
   }
@@ -604,28 +593,12 @@ const enqueueUpdate = debounce(async () => {
   performReactRefresh()
 }, 16)
 
-export function validateRefreshBoundaryAndEnqueueUpdate(
-  id,
-  prevExports,
-  nextExports,
-) {
+export function validateRefreshBoundaryAndEnqueueUpdate(id, prevExports, nextExports) {
   const ignoredExports = window.__getReactRefreshIgnoredExports?.({ id }) ?? []
-  if (
-    predicateOnExport(
-      ignoredExports,
-      prevExports,
-      (key) => key in nextExports,
-    ) !== true
-  ) {
+  if (predicateOnExport(ignoredExports, prevExports, (key) => key in nextExports) !== true) {
     return 'Could not Fast Refresh (export removed)'
   }
-  if (
-    predicateOnExport(
-      ignoredExports,
-      nextExports,
-      (key) => key in prevExports,
-    ) !== true
-  ) {
+  if (predicateOnExport(ignoredExports, nextExports, (key) => key in prevExports) !== true) {
     return 'Could not Fast Refresh (new export)'
   }
 
diff --git a/packages/common/refresh-utils.ts b/packages/common/refresh-utils.ts
index ef9dc00f6..461f3e0d8 100644
--- a/packages/common/refresh-utils.ts
+++ b/packages/common/refresh-utils.ts
@@ -14,8 +14,7 @@ injectIntoGlobalHook(window);
 window.$RefreshReg$ = () => {};
 window.$RefreshSig$ = () => (type) => type;`
 
-export const getPreambleCode = (base: string): string =>
-  preambleCode.replace('__BASE__', base)
+export const getPreambleCode = (base: string): string => preambleCode.replace('__BASE__', base)
 
 export function addRefreshWrapper(
   code: string,
@@ -41,9 +40,7 @@ if (import.meta.hot && !inWebWorker) {
   }
 
   RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
-    RefreshRuntime.registerExportsForReactRefresh(${JSON.stringify(
-      id,
-    )}, currentExports);
+    RefreshRuntime.registerExportsForReactRefresh(${JSON.stringify(id)}, currentExports);
     import.meta.hot.accept((nextExports) => {
       if (!nextExports) return;
       const invalidateMessage = RefreshRuntime.validateRefreshBoundaryAndEnqueueUpdate(${JSON.stringify(
diff --git a/packages/common/warning.ts b/packages/common/warning.ts
index 85e0cf434..28b5fd4d4 100644
--- a/packages/common/warning.ts
+++ b/packages/common/warning.ts
@@ -1,14 +1,11 @@
 import type { BuildOptions, UserConfig } from 'vite'
 
-export const silenceUseClientWarning = (
-  userConfig: UserConfig,
-): BuildOptions => ({
+export const silenceUseClientWarning = (userConfig: UserConfig): BuildOptions => ({
   rollupOptions: {
     onwarn(warning, defaultHandler) {
       if (
         warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-        (warning.message.includes('use client') ||
-          warning.message.includes('use server'))
+        (warning.message.includes('use client') || warning.message.includes('use server'))
       ) {
         return
       }
diff --git a/packages/plugin-react-oxc/src/index.ts b/packages/plugin-react-oxc/src/index.ts
index 3be4046c9..1f959ad2f 100644
--- a/packages/plugin-react-oxc/src/index.ts
+++ b/packages/plugin-react-oxc/src/index.ts
@@ -51,12 +51,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
           jsxRefreshExclude: exclude,
         },
         optimizeDeps: {
-          include: [
-            'react',
-            'react-dom',
-            jsxImportDevRuntime,
-            jsxImportRuntime,
-          ],
+          include: ['react', 'react-dom', jsxImportDevRuntime, jsxImportRuntime],
           rolldownOptions: { transform: { jsx: { runtime: 'automatic' } } },
         },
       }
@@ -134,9 +129,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         const useFastRefresh =
           !skipFastRefresh &&
           !ssr &&
-          (isJSX ||
-            code.includes(jsxImportDevRuntime) ||
-            code.includes(jsxImportRuntime))
+          (isJSX || code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime))
         if (!useFastRefresh) return
 
         const newCode = addRefreshWrapper(code, '@vitejs/plugin-react-oxc', id)
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts b/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
index 9fcdd8be8..d38de6d57 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
+++ b/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
@@ -1,10 +1,5 @@
 import { expect, test } from '@playwright/test'
-import {
-  expectColor,
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { expectColor, setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Emotion plugin build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('emotion-plugin')
@@ -39,10 +34,7 @@ test('Emotion plugin HMR', async ({ page }) => {
   const code = page.locator('code')
   await expectColor(code, 'color', '#646cff')
 
-  editFile('src/Button.jsx', [
-    'background-color: #d26ac2;',
-    'background-color: #646cff;',
-  ])
+  editFile('src/Button.jsx', ['background-color: #d26ac2;', 'background-color: #646cff;'])
   await waitForLogs('[vite] hot updated: /src/Button.jsx')
   await expect(button).toHaveText('count is 1')
   await expectColor(button, 'backgroundColor', '#646cff')
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx b/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx
index 44f5fd166..f1af53ac3 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx
+++ b/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx
@@ -8,11 +8,7 @@ export const App = () => (
         <img src="/vite.svg" className="logo" alt="Vite logo" />
       </a>
       <a href="https://emotion.sh/" target="_blank" rel="noreferrer">
-        <img
-          src="https://emotion.sh/logo-96x96.png"
-          className="logo emotion"
-          alt="Emotion logo"
-        />
+        <img src="https://emotion.sh/logo-96x96.png" className="logo emotion" alt="Emotion logo" />
       </a>
     </div>
     <div className="card">
@@ -21,8 +17,6 @@ export const App = () => (
         Edit <StyledCode>src/Button.tsx</StyledCode> and save to test HMR
       </p>
     </div>
-    <p className="read-the-docs">
-      Click on the Vite and Emotion logos to learn more
-    </p>
+    <p className="read-the-docs">Click on the Vite and Emotion logos to learn more</p>
   </div>
 )
diff --git a/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts b/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
index 455fab7ba..c3b67dbb3 100644
--- a/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
+++ b/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
@@ -1,10 +1,5 @@
 import { expect, test } from '@playwright/test'
-import {
-  expectColor,
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { expectColor, setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Emotion build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('emotion')
@@ -39,10 +34,7 @@ test('Emotion HMR', async ({ page }) => {
   const code = page.locator('code')
   await expectColor(code, 'color', '#646cff')
 
-  editFile('src/Button.tsx', [
-    'background-color: #d26ac2;',
-    'background-color: #646cff;',
-  ])
+  editFile('src/Button.tsx', ['background-color: #d26ac2;', 'background-color: #646cff;'])
   await waitForLogs('[vite] hot updated: /src/Button.tsx')
   await expect(button).toHaveText('count is 1')
   await expectColor(button, 'backgroundColor', '#646cff')
diff --git a/packages/plugin-react-swc/playground/emotion/src/App.tsx b/packages/plugin-react-swc/playground/emotion/src/App.tsx
index 73f71fcb3..69e83f0de 100644
--- a/packages/plugin-react-swc/playground/emotion/src/App.tsx
+++ b/packages/plugin-react-swc/playground/emotion/src/App.tsx
@@ -8,11 +8,7 @@ export const App = () => (
         <img src="/vite.svg" className="logo" alt="Vite logo" />
       </a>
       <a href="https://emotion.sh/" target="_blank" rel="noreferrer">
-        <img
-          src="https://emotion.sh/logo-96x96.png"
-          className="logo emotion"
-          alt="Emotion logo"
-        />
+        <img src="https://emotion.sh/logo-96x96.png" className="logo emotion" alt="Emotion logo" />
       </a>
     </div>
     <div className="card">
@@ -21,8 +17,6 @@ export const App = () => (
         Edit <StyledCode>src/Button.tsx</StyledCode> and save to test HMR
       </p>
     </div>
-    <p className="read-the-docs">
-      Click on the Vite and Emotion logos to learn more
-    </p>
+    <p className="read-the-docs">Click on the Vite and Emotion logos to learn more</p>
   </div>
 )
diff --git a/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts b/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
index 714bf8a5d..6abf7f6da 100644
--- a/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
+++ b/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
@@ -1,9 +1,5 @@
 import { expect, test } from '@playwright/test'
-import {
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Default build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('hmr')
@@ -41,10 +37,7 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h1')).toHaveText('Vite * React!')
 
   // Add non-component export
-  editFile('src/TitleWithExport.tsx', [
-    "React!'",
-    "React!'\nexport const useless = 3",
-  ])
+  editFile('src/TitleWithExport.tsx', ["React!'", "React!'\nexport const useless = 3"])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (new export)',
     '[vite] hot updated: /src/App.tsx',
@@ -67,10 +60,7 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h2')).toHaveText('Title2')
 
   // Remove component export
-  editFile('src/TitleWithExport.tsx', [
-    '\nexport const Title2 = () => <h2>Title2</h2>',
-    '',
-  ])
+  editFile('src/TitleWithExport.tsx', ['\nexport const Title2 = () => <h2>Title2</h2>', ''])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (export removed)',
     '[vite] hot updated: /src/App.tsx',
diff --git a/packages/plugin-react-swc/playground/hmr/src/App.tsx b/packages/plugin-react-swc/playground/hmr/src/App.tsx
index b97d2d061..3e888da79 100644
--- a/packages/plugin-react-swc/playground/hmr/src/App.tsx
+++ b/packages/plugin-react-swc/playground/hmr/src/App.tsx
@@ -23,9 +23,7 @@ export const App = () => {
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">
-        Click on the Vite and {framework} logos to learn more
-      </p>
+      <p className="read-the-docs">Click on the Vite and {framework} logos to learn more</p>
     </div>
   )
 }
diff --git a/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts b/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
index 41562b946..d42ebf710 100644
--- a/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
+++ b/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
@@ -1,9 +1,5 @@
 import { expect, test } from '@playwright/test'
-import {
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('MDX build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('mdx')
diff --git a/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts b/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
index 2902307fc..7642fc58e 100644
--- a/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
+++ b/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
@@ -1,9 +1,5 @@
 import { expect, test } from '@playwright/test'
-import {
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Default build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('react-18')
@@ -41,10 +37,7 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h1')).toHaveText('Vite * React!')
 
   // Add non-component export
-  editFile('src/TitleWithExport.tsx', [
-    "React!'",
-    "React!'\nexport const useless = 3",
-  ])
+  editFile('src/TitleWithExport.tsx', ["React!'", "React!'\nexport const useless = 3"])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (new export)',
     '[vite] hot updated: /src/App.tsx',
@@ -67,10 +60,7 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h2')).toHaveText('Title2')
 
   // Remove component export
-  editFile('src/TitleWithExport.tsx', [
-    '\nexport const Title2 = () => <h2>Title2</h2>',
-    '',
-  ])
+  editFile('src/TitleWithExport.tsx', ['\nexport const Title2 = () => <h2>Title2</h2>', ''])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (export removed)',
     '[vite] hot updated: /src/App.tsx',
diff --git a/packages/plugin-react-swc/playground/react-18/src/App.tsx b/packages/plugin-react-swc/playground/react-18/src/App.tsx
index b97d2d061..3e888da79 100644
--- a/packages/plugin-react-swc/playground/react-18/src/App.tsx
+++ b/packages/plugin-react-swc/playground/react-18/src/App.tsx
@@ -23,9 +23,7 @@ export const App = () => {
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">
-        Click on the Vite and {framework} logos to learn more
-      </p>
+      <p className="read-the-docs">Click on the Vite and {framework} logos to learn more</p>
     </div>
   )
 }
diff --git a/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts b/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
index da8e44713..697af5184 100644
--- a/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
+++ b/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
@@ -1,10 +1,5 @@
 import { expect, test } from '@playwright/test'
-import {
-  expectColor,
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { expectColor, setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('styled-components build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('styled-components')
@@ -23,8 +18,7 @@ test('styled-components build', async ({ page }) => {
 })
 
 test('styled-components HMR', async ({ page }) => {
-  const { testUrl, server, editFile } =
-    await setupDevServer('styled-components')
+  const { testUrl, server, editFile } = await setupDevServer('styled-components')
   const waitForLogs = await setupWaitForLogs(page)
   await page.goto(testUrl)
   await waitForLogs('[vite] connected.')
diff --git a/packages/plugin-react-swc/playground/styled-components/src/App.tsx b/packages/plugin-react-swc/playground/styled-components/src/App.tsx
index f00df29ed..a63afea6a 100644
--- a/packages/plugin-react-swc/playground/styled-components/src/App.tsx
+++ b/packages/plugin-react-swc/playground/styled-components/src/App.tsx
@@ -21,8 +21,6 @@ export const App = () => (
         Edit <StyledCode>src/Button.tsx</StyledCode> and save to test HMR
       </p>
     </div>
-    <p className="read-the-docs">
-      Click on the Vite and Styled Components logos to learn more
-    </p>
+    <p className="read-the-docs">Click on the Vite and Styled Components logos to learn more</p>
   </div>
 )
diff --git a/packages/plugin-react-swc/playground/utils.ts b/packages/plugin-react-swc/playground/utils.ts
index 751b22f79..d059961e6 100644
--- a/packages/plugin-react-swc/playground/utils.ts
+++ b/packages/plugin-react-swc/playground/utils.ts
@@ -1,12 +1,6 @@
 import { readFileSync, writeFileSync } from 'node:fs'
 import { type Locator, type Page, expect } from '@playwright/test'
-import {
-  build,
-  createServer,
-  loadConfigFromFile,
-  mergeConfig,
-  preview,
-} from 'vite'
+import { build, createServer, loadConfigFromFile, mergeConfig, preview } from 'vite'
 
 export const setupWaitForLogs = async (page: Page) => {
   let logs: string[] = []
@@ -18,9 +12,7 @@ export const setupWaitForLogs = async (page: Page) => {
       .poll(() => {
         if (
           messages.every((m) =>
-            typeof m === 'string'
-              ? logs.includes(m)
-              : logs.some((l) => m.test(l)),
+            typeof m === 'string' ? logs.includes(m) : logs.some((l) => m.test(l)),
           )
         ) {
           logs = []
@@ -35,11 +27,7 @@ let port = 5173
 export const setupDevServer = async (name: string) => {
   process.env['NODE_ENV'] = 'development'
   const root = `playground-temp/${name}`
-  const res = await loadConfigFromFile(
-    { command: 'serve', mode: 'development' },
-    undefined,
-    root,
-  )
+  const res = await loadConfigFromFile({ command: 'serve', mode: 'development' }, undefined, root)
   const testConfig = mergeConfig(res!.config, {
     root,
     logLevel: 'silent',
@@ -50,10 +38,7 @@ export const setupDevServer = async (name: string) => {
   return {
     testUrl: `http://localhost:${server.config.server.port}${server.config.base}`,
     server,
-    editFile: (
-      name: string,
-      ...replacements: [searchValue: string, replaceValue: string][]
-    ) => {
+    editFile: (name: string, ...replacements: [searchValue: string, replaceValue: string][]) => {
       const path = `${root}/${name}`
       let content = readFileSync(path, 'utf-8')
       for (const [search, replace] of replacements) {
@@ -70,11 +55,7 @@ export const setupDevServer = async (name: string) => {
 export const setupBuildAndPreview = async (name: string) => {
   process.env['NODE_ENV'] = 'production'
   const root = `playground-temp/${name}`
-  const res = await loadConfigFromFile(
-    { command: 'build', mode: 'production' },
-    undefined,
-    root,
-  )
+  const res = await loadConfigFromFile({ command: 'build', mode: 'production' }, undefined, root)
   const testConfig = mergeConfig(
     { root, logLevel: 'silent', configFile: false, preview: { port: port++ } },
     res!.config,
@@ -94,12 +75,7 @@ export const expectColor = async (
 ) => {
   await expect
     .poll(async () =>
-      rgbToHex(
-        await locator.evaluate(
-          (el, prop) => getComputedStyle(el)[prop],
-          property,
-        ),
-      ),
+      rgbToHex(await locator.evaluate((el, prop) => getComputedStyle(el)[prop], property)),
     )
     .toBe(color)
 }
diff --git a/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts b/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
index b0c7b2ce0..54b908df9 100644
--- a/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
+++ b/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
@@ -1,9 +1,5 @@
 import { test } from '@playwright/test'
-import {
-  setupBuildAndPreview,
-  setupDevServer,
-  setupWaitForLogs,
-} from '../../utils.ts'
+import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Worker build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('worker')
diff --git a/packages/plugin-react-swc/playwright.config.ts b/packages/plugin-react-swc/playwright.config.ts
index d7c8ae487..a3b666818 100644
--- a/packages/plugin-react-swc/playwright.config.ts
+++ b/packages/plugin-react-swc/playwright.config.ts
@@ -8,11 +8,7 @@ fs.emptyDirSync(tempDir)
 fs.copySync(fileURLToPath(new URL('playground', import.meta.url)), tempDir, {
   filter: (src) => {
     src = src.replaceAll('\\', '/')
-    return (
-      !src.includes('/__tests__') &&
-      !src.includes('/.vite') &&
-      !src.includes('/dist')
-    )
+    return !src.includes('/__tests__') && !src.includes('/.vite') && !src.includes('/dist')
   },
 })
 
diff --git a/packages/plugin-react-swc/src/index.ts b/packages/plugin-react-swc/src/index.ts
index ce875d6a5..94d6c35dd 100644
--- a/packages/plugin-react-swc/src/index.ts
+++ b/packages/plugin-react-swc/src/index.ts
@@ -86,8 +86,7 @@ const react = (_options?: Options): Plugin[] => {
     devTarget: _options?.devTarget ?? 'es2020',
     parserConfig: _options?.parserConfig,
     reactRefreshHost: _options?.reactRefreshHost,
-    useAtYourOwnRisk_mutateSwcOptions:
-      _options?.useAtYourOwnRisk_mutateSwcOptions,
+    useAtYourOwnRisk_mutateSwcOptions: _options?.useAtYourOwnRisk_mutateSwcOptions,
     disableOxcRecommendation: _options?.disableOxcRecommendation,
   }
 
@@ -136,17 +135,12 @@ const react = (_options?: Options): Plugin[] => {
       configResolved(config) {
         viteCacheRoot = config.cacheDir
         hmrDisabled = config.server.hmr === false
-        const mdxIndex = config.plugins.findIndex(
-          (p) => p.name === '@mdx-js/rollup',
-        )
+        const mdxIndex = config.plugins.findIndex((p) => p.name === '@mdx-js/rollup')
         if (
           mdxIndex !== -1 &&
-          mdxIndex >
-            config.plugins.findIndex((p) => p.name === 'vite:react-swc')
+          mdxIndex > config.plugins.findIndex((p) => p.name === 'vite:react-swc')
         ) {
-          throw new Error(
-            '[vite:react-swc] The MDX plugin should be placed before this plugin',
-          )
+          throw new Error('[vite:react-swc] The MDX plugin should be placed before this plugin')
         }
 
         if (
@@ -212,17 +206,10 @@ const react = (_options?: Options): Plugin[] => {
             viteCacheRoot = config.cacheDir
           },
           transform: (code, _id) =>
-            transformWithOptions(
-              _id.split('?')[0],
-              code,
-              'esnext',
-              options,
-              viteCacheRoot,
-              {
-                runtime: 'automatic',
-                importSource: options.jsxImportSource,
-              },
-            ),
+            transformWithOptions(_id.split('?')[0], code, 'esnext', options, viteCacheRoot, {
+              runtime: 'automatic',
+              importSource: options.jsxImportSource,
+            }),
         }
       : {
           name: 'vite:react-swc',
diff --git a/packages/plugin-react-swc/tsdown.config.ts b/packages/plugin-react-swc/tsdown.config.ts
index fe0288561..693bed792 100644
--- a/packages/plugin-react-swc/tsdown.config.ts
+++ b/packages/plugin-react-swc/tsdown.config.ts
@@ -33,10 +33,7 @@ export default defineConfig({
         {
           ...Object.fromEntries(
             Object.entries(packageJSON).filter(
-              ([key, _val]) =>
-                key !== 'devDependencies' &&
-                key !== 'scripts' &&
-                key !== 'private',
+              ([key, _val]) => key !== 'devDependencies' && key !== 'scripts' && key !== 'private',
             ),
           ),
           exports: {
diff --git a/packages/plugin-react/src/index.ts b/packages/plugin-react/src/index.ts
index 9b4d66140..ab58880a1 100644
--- a/packages/plugin-react/src/index.ts
+++ b/packages/plugin-react/src/index.ts
@@ -14,10 +14,7 @@ import {
   silenceUseClientWarning,
   virtualPreamblePlugin,
 } from '@vitejs/react-common'
-import {
-  exactRegex,
-  makeIdFiltersToMatchWithQuery,
-} from '@rolldown/pluginutils'
+import { exactRegex, makeIdFiltersToMatchWithQuery } from '@rolldown/pluginutils'
 
 const _dirname = dirname(fileURLToPath(import.meta.url))
 const refreshRuntimePath = join(_dirname, 'refresh-runtime.js')
@@ -48,9 +45,7 @@ export interface Options {
   /**
    * Babel configuration applied in both dev and prod.
    */
-  babel?:
-    | BabelOptions
-    | ((id: string, options: { ssr?: boolean }) => BabelOptions)
+  babel?: BabelOptions | ((id: string, options: { ssr?: boolean }) => BabelOptions)
   /**
    * React Fast Refresh runtime URL prefix.
    * Useful in a module federation context to enable HMR by specifying
@@ -63,12 +58,7 @@ export interface Options {
 
 export type BabelOptions = Omit<
   TransformOptions,
-  | 'ast'
-  | 'filename'
-  | 'root'
-  | 'sourceFileName'
-  | 'sourceMaps'
-  | 'inputSourceMap'
+  'ast' | 'filename' | 'root' | 'sourceFileName' | 'sourceMaps' | 'inputSourceMap'
 >
 
 /**
@@ -196,10 +186,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
       }
       projectRoot = config.root
       isProduction = config.isProduction
-      skipFastRefresh =
-        isProduction ||
-        config.command === 'build' ||
-        config.server.hmr === false
+      skipFastRefresh = isProduction || config.command === 'build' || config.server.hmr === false
 
       const hooks: ReactBabelHook[] = config.plugins
         .map((plugin) => plugin.api?.reactBabel)
@@ -253,9 +240,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         const babelOptions = (() => {
           if (staticBabelOptions) return staticBabelOptions
           const newBabelOptions = createBabelOptions(
-            typeof opts.babel === 'function'
-              ? opts.babel(id, { ssr })
-              : opts.babel,
+            typeof opts.babel === 'function' ? opts.babel(id, { ssr }) : opts.babel,
           )
           runPluginOverrides?.(newBabelOptions, { id, ssr })
           return newBabelOptions
@@ -287,13 +272,9 @@ export default function viteReact(opts: Options = {}): Plugin[] {
           (isJSX ||
             (opts.jsxRuntime === 'classic'
               ? importReactRE.test(code)
-              : code.includes(jsxImportDevRuntime) ||
-                code.includes(jsxImportRuntime)))
+              : code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime)))
         if (useFastRefresh) {
-          plugins.push([
-            await loadPlugin('react-refresh/babel'),
-            { skipEnvCheck: true },
-          ])
+          plugins.push([await loadPlugin('react-refresh/babel'), { skipEnvCheck: true }])
         }
 
         if (opts.jsxRuntime === 'classic' && isJSX) {
@@ -378,13 +359,9 @@ export default function viteReact(opts: Options = {}): Plugin[] {
       try {
         // NOTE: `+` is to bypass lint & typecheck. vite/internal exists for newer rolldown-vite
         const vite = 'vite'
-        nativePlugin = (await import(vite + '/internal'))
-          .reactRefreshWrapperPlugin
+        nativePlugin = (await import(vite + '/internal')).reactRefreshWrapperPlugin
       } catch {}
-      if (
-        !nativePlugin ||
-        ['7.1.10', '7.1.11', '7.1.12'].includes(vite.version)
-      ) {
+      if (!nativePlugin || ['7.1.10', '7.1.11', '7.1.12'].includes(vite.version)) {
         // the native plugin in 7.1.10 and 7.1.11 and 7.1.12 does not support dev properly
         return true
       }
@@ -415,17 +392,10 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         const useFastRefresh =
           !skipFastRefresh &&
           !ssr &&
-          (isJSX ||
-            code.includes(jsxImportDevRuntime) ||
-            code.includes(jsxImportRuntime))
+          (isJSX || code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime))
         if (!useFastRefresh) return
 
-        const newCode = addRefreshWrapper(
-          code,
-          '@vitejs/plugin-react',
-          id,
-          opts.reactRefreshHost,
-        )
+        const newCode = addRefreshWrapper(code, '@vitejs/plugin-react', id, opts.reactRefreshHost)
         return newCode ? { code: newCode, map: null } : undefined
       },
     },
@@ -470,18 +440,11 @@ export default function viteReact(opts: Options = {}): Plugin[] {
     },
   }
 
-  const dependencies = [
-    'react',
-    'react-dom',
-    jsxImportDevRuntime,
-    jsxImportRuntime,
-  ]
-  const staticBabelPlugins =
-    typeof opts.babel === 'object' ? (opts.babel?.plugins ?? []) : []
+  const dependencies = ['react', 'react-dom', jsxImportDevRuntime, jsxImportRuntime]
+  const staticBabelPlugins = typeof opts.babel === 'object' ? (opts.babel?.plugins ?? []) : []
   const reactCompilerPlugin = getReactCompilerPlugin(staticBabelPlugins)
   if (reactCompilerPlugin != null) {
-    const reactCompilerRuntimeModule =
-      getReactCompilerRuntimeModule(reactCompilerPlugin)
+    const reactCompilerRuntimeModule = getReactCompilerRuntimeModule(reactCompilerPlugin)
     dependencies.push(reactCompilerRuntimeModule)
   }
 
@@ -527,9 +490,7 @@ export default function viteReact(opts: Options = {}): Plugin[] {
 
   return [
     viteBabel,
-    ...(isRolldownVite
-      ? [viteRefreshWrapper, viteConfigPost, viteReactRefreshFullBundleMode]
-      : []),
+    ...(isRolldownVite ? [viteRefreshWrapper, viteConfigPost, viteReactRefreshFullBundleMode] : []),
     viteReactRefresh,
     virtualPreamblePlugin({
       name: '@vitejs/plugin-react/preamble',
@@ -549,10 +510,7 @@ Object.assign(viteReactForCjs, {
 })
 export { viteReactForCjs as 'module.exports' }
 
-function canSkipBabel(
-  plugins: ReactBabelOptions['plugins'],
-  babelOptions: ReactBabelOptions,
-) {
+function canSkipBabel(plugins: ReactBabelOptions['plugins'], babelOptions: ReactBabelOptions) {
   return !(
     plugins.length ||
     babelOptions.presets.length ||
@@ -606,9 +564,7 @@ function getReactCompilerPlugin(plugins: ReactBabelOptions['plugins']) {
 type ReactCompilerRuntimeModule =
   | 'react/compiler-runtime' // from react namespace
   | 'react-compiler-runtime' // npm package
-function getReactCompilerRuntimeModule(
-  plugin: babelCore.PluginItem,
-): ReactCompilerRuntimeModule {
+function getReactCompilerRuntimeModule(plugin: babelCore.PluginItem): ReactCompilerRuntimeModule {
   let moduleName: ReactCompilerRuntimeModule = 'react/compiler-runtime'
   if (Array.isArray(plugin)) {
     if (plugin[1]?.target === '17' || plugin[1]?.target === '18') {
diff --git a/packages/plugin-rsc/e2e/base.test.ts b/packages/plugin-rsc/e2e/base.test.ts
index 1f651b9d0..b9e7d511e 100644
--- a/packages/plugin-rsc/e2e/base.test.ts
+++ b/packages/plugin-rsc/e2e/base.test.ts
@@ -49,9 +49,7 @@ test.describe(() => {
     test('request url', async ({ page }) => {
       await page.goto(f.url())
       await page.waitForSelector('#root')
-      await expect(page.locator('.card').nth(2)).toHaveText(
-        `Request URL: ${f.url()}`,
-      )
+      await expect(page.locator('.card').nth(2)).toHaveText(`Request URL: ${f.url()}`)
     })
   }
 })
diff --git a/packages/plugin-rsc/e2e/basic.test.ts b/packages/plugin-rsc/e2e/basic.test.ts
index c7ca7c50b..a8abec500 100644
--- a/packages/plugin-rsc/e2e/basic.test.ts
+++ b/packages/plugin-rsc/e2e/basic.test.ts
@@ -1,18 +1,8 @@
 import { createHash } from 'node:crypto'
 import { readFileSync } from 'node:fs'
-import {
-  type Page,
-  type Response as PlaywrightResponse,
-  expect,
-  test,
-} from '@playwright/test'
+import { type Page, type Response as PlaywrightResponse, expect, test } from '@playwright/test'
 import { type Fixture, useCreateEditor, useFixture } from './fixture'
-import {
-  expectNoPageError,
-  expectNoReload,
-  testNoJs,
-  waitForHydration,
-} from './helper'
+import { expectNoPageError, expectNoReload, testNoJs, waitForHydration } from './helper'
 import { x } from 'tinyexec'
 import { normalizePath, type Rollup } from 'vite'
 import path from 'node:path'
@@ -28,14 +18,8 @@ test.describe('dev-initial', () => {
   // verify css is collected properly on server startup (i.e. empty module graph)
   testNoJs('style', async ({ page }) => {
     await page.goto(f.url('./'))
-    await expect(page.locator('.test-style-client')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
-    await expect(page.locator('.test-style-server')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
+    await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
     await expect(page.locator('.test-tw-client')).toHaveCSS(
       'color',
       // blue-500
@@ -107,10 +91,7 @@ test.describe('dev-non-optimized-cjs', () => {
     // remove explicitly added optimizeDeps.include
     const editor = f.createEditor('vite.config.ts')
     editor.edit((s) =>
-      s.replace(
-        `include: ['@vitejs/test-dep-transitive-cjs > @vitejs/test-dep-cjs'],`,
-        ``,
-      ),
+      s.replace(`include: ['@vitejs/test-dep-transitive-cjs > @vitejs/test-dep-cjs'],`, ``),
     )
   })
 
@@ -136,9 +117,7 @@ test.describe('dev-inconsistent-client-optimization', () => {
   test.beforeAll(async () => {
     // remove explicitly added optimizeDeps.exclude
     const editor = f.createEditor('vite.config.ts')
-    editor.edit((s) =>
-      s.replace(`'@vitejs/test-dep-client-in-server2/client',`, ``),
-    )
+    editor.edit((s) => s.replace(`'@vitejs/test-dep-client-in-server2/client',`, ``))
   })
 
   const f = useFixture({
@@ -148,9 +127,7 @@ test.describe('dev-inconsistent-client-optimization', () => {
 
   test('show warning', async ({ page }) => {
     await page.goto(f.url())
-    expect(f.proc().stderr()).toContain(
-      'client component dependency is inconsistently optimized.',
-    )
+    expect(f.proc().stderr()).toContain('client component dependency is inconsistently optimized.')
   })
 })
 
@@ -234,13 +211,9 @@ function defineTest(f: Fixture) {
   async function testAction(page: Page) {
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
     await page.getByRole('button', { name: 'server-counter: 1' }).click()
-    await expect(
-      page.getByRole('button', { name: 'server-counter: 2' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'server-counter: 2' })).toBeVisible()
     await page.getByRole('button', { name: 'server-counter-reset' }).click()
-    await expect(
-      page.getByRole('button', { name: 'server-counter: 0' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible()
   }
 
   test('useActionState @js', async ({ page }) => {
@@ -274,13 +247,9 @@ function defineTest(f: Fixture) {
     // no js
     js = false
     await page.goto(f.url())
-    await expect(page.getByTestId('use-action-state')).toContainText(
-      'test-useActionState: 0',
-    )
+    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 0')
     await page.getByTestId('use-action-state').click()
-    await expect(page.getByTestId('use-action-state')).toContainText(
-      'test-useActionState: 1',
-    )
+    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 1')
 
     // with js (hydration)
     js = true
@@ -292,17 +261,11 @@ function defineTest(f: Fixture) {
   })
 
   async function testUseActionState(page: Page) {
-    await expect(page.getByTestId('use-action-state')).toContainText(
-      'test-useActionState: 0',
-    )
+    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 0')
     await page.getByTestId('use-action-state').click()
-    await expect(page.getByTestId('use-action-state')).toContainText(
-      'test-useActionState: 1',
-    )
+    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 1')
     await page.getByTestId('use-action-state').click()
-    await expect(page.getByTestId('use-action-state')).toContainText(
-      'test-useActionState: 2',
-    )
+    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 2')
   }
 
   test('useActionState with jsx @js', async ({ page }) => {
@@ -319,9 +282,7 @@ function defineTest(f: Fixture) {
 
   async function testUseActionStateJsx(page: Page, options?: { js?: boolean }) {
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
-      /\(ok\)/,
-    )
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\)/)
 
     // 1st call "works" but it shows an error during reponse and it breaks 2nd call.
     //   Failed to serialize an action for progressive enhancement:
@@ -330,9 +291,7 @@ function defineTest(f: Fixture) {
     if (!options?.js) return
 
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
-      /\(ok\).*\(ok\)/,
-    )
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\).*\(ok\)/)
   }
 
   test.describe(() => {
@@ -342,19 +301,15 @@ function defineTest(f: Fixture) {
       await page.goto(f.url())
       const srcs = await page
         .locator(`head >> link[rel="modulepreload"]`)
-        .evaluateAll((elements) =>
-          elements.map((el) => el.getAttribute('href')),
-        )
+        .evaluateAll((elements) => elements.map((el) => el.getAttribute('href')))
       const manifest = JSON.parse(
-        readFileSync(
-          f.root + '/dist/ssr/__vite_rsc_assets_manifest.js',
-          'utf-8',
-        ).slice('export default '.length),
+        readFileSync(f.root + '/dist/ssr/__vite_rsc_assets_manifest.js', 'utf-8').slice(
+          'export default '.length,
+        ),
       )
       const hashString = (v: string) =>
         createHash('sha256').update(v).digest().toString('hex').slice(0, 12)
-      const deps =
-        manifest.clientReferenceDeps[hashString('src/routes/client.tsx')]
+      const deps = manifest.clientReferenceDeps[hashString('src/routes/client.tsx')]
       expect(srcs).toEqual(expect.arrayContaining(deps.js))
     })
   })
@@ -377,33 +332,27 @@ function defineTest(f: Fixture) {
 
   async function testServerActionUpdate(page: Page, options: { js: boolean }) {
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
-    await expect(
-      page.getByRole('button', { name: 'server-counter: 1' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'server-counter: 1' })).toBeVisible()
 
     // update server code
     const editor = f.createEditor('src/routes/action/action.tsx')
-    editor.edit((s) =>
-      s.replace('const TEST_UPDATE = 1\n', 'const TEST_UPDATE = 10\n'),
-    )
+    editor.edit((s) => s.replace('const TEST_UPDATE = 1\n', 'const TEST_UPDATE = 10\n'))
     await expect(async () => {
       if (!options.js) await page.goto(f.url())
-      await expect(
-        page.getByRole('button', { name: 'server-counter: 0' }),
-      ).toBeVisible({ timeout: 10 })
+      await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible({
+        timeout: 10,
+      })
     }).toPass()
 
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
-    await expect(
-      page.getByRole('button', { name: 'server-counter: 10' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'server-counter: 10' })).toBeVisible()
 
     editor.reset()
     await expect(async () => {
       if (!options.js) await page.goto(f.url())
-      await expect(
-        page.getByRole('button', { name: 'server-counter: 0' }),
-      ).toBeVisible({ timeout: 10 })
+      await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible({
+        timeout: 10,
+      })
     }).toPass()
   }
 
@@ -414,15 +363,11 @@ function defineTest(f: Fixture) {
       await page.goto(f.url())
       await waitForHydration(page)
       await page.getByRole('button', { name: 'client-counter: 0' }).click()
-      await expect(
-        page.getByRole('button', { name: 'client-counter: 1' }),
-      ).toBeVisible()
+      await expect(page.getByRole('button', { name: 'client-counter: 1' })).toBeVisible()
 
       const editor = f.createEditor('src/routes/client.tsx')
       editor.edit((s) => s.replace('client-counter', 'client-[edit]-counter'))
-      await expect(
-        page.getByRole('button', { name: 'client-[edit]-counter: 1' }),
-      ).toBeVisible()
+      await expect(page.getByRole('button', { name: 'client-[edit]-counter: 1' })).toBeVisible()
 
       // check next ssr is also updated
       const res = await page.goto(f.url())
@@ -447,9 +392,9 @@ function defineTest(f: Fixture) {
 
       // check next rsc payload includes current client reference and preserves state
       await page.locator("a[href='?test-hmr-client-dep-re-render']").click()
-      await expect(
-        page.locator("a[href='?test-hmr-client-dep-re-render']"),
-      ).toHaveText('re-render [ok]')
+      await expect(page.locator("a[href='?test-hmr-client-dep-re-render']")).toHaveText(
+        're-render [ok]',
+      )
       await expect(locator).toHaveText('test-hmr-client-dep: 1[ok-edit]')
 
       // check next ssr is also updated
@@ -479,9 +424,9 @@ function defineTest(f: Fixture) {
 
       // check next rsc payload includes an updated client reference and preserves state
       await page.locator("a[href='?test-hmr-client-dep2-re-render']").click()
-      await expect(
-        page.locator("a[href='?test-hmr-client-dep2-re-render']"),
-      ).toHaveText('re-render [ok]')
+      await expect(page.locator("a[href='?test-hmr-client-dep2-re-render']")).toHaveText(
+        're-render [ok]',
+      )
       await expect(locator).toHaveText('test-hmr-client-dep2: 1[ok-edit]')
 
       // check next ssr is also updated
@@ -502,13 +447,9 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/action/server.tsx')
       editor.edit((s) => s.replace('server-counter', 'server-[edit]-counter'))
-      await expect(
-        page.getByRole('button', { name: 'server-[edit]-counter: 0' }),
-      ).toBeVisible()
+      await expect(page.getByRole('button', { name: 'server-[edit]-counter: 0' })).toBeVisible()
       editor.reset()
-      await expect(
-        page.getByRole('button', { name: 'server-counter: 0' }),
-      ).toBeVisible()
+      await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible()
     })
 
     test('module invalidation', async ({ page }) => {
@@ -538,12 +479,8 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
 
       // Test initial state
-      await expect(page.getByTestId('test-hmr-shared-server')).toContainText(
-        '(shared1, shared2)',
-      )
-      await expect(page.getByTestId('test-hmr-shared-client')).toContainText(
-        '(shared1, shared2)',
-      )
+      await expect(page.getByTestId('test-hmr-shared-server')).toContainText('(shared1, shared2)')
+      await expect(page.getByTestId('test-hmr-shared-client')).toContainText('(shared1, shared2)')
 
       // Test 1: Component HMR (shared1.tsx)
       const editor1 = f.createEditor('src/routes/hmr-shared/shared1.tsx')
@@ -558,12 +495,8 @@ function defineTest(f: Fixture) {
       )
 
       editor1.reset()
-      await expect(page.getByTestId('test-hmr-shared-server')).toContainText(
-        '(shared1, shared2)',
-      )
-      await expect(page.getByTestId('test-hmr-shared-client')).toContainText(
-        '(shared1, shared2)',
-      )
+      await expect(page.getByTestId('test-hmr-shared-server')).toContainText('(shared1, shared2)')
+      await expect(page.getByTestId('test-hmr-shared-client')).toContainText('(shared1, shared2)')
 
       // Test 2: Non-component HMR (shared2.tsx)
       const editor2 = f.createEditor('src/routes/hmr-shared/shared2.tsx')
@@ -578,12 +511,8 @@ function defineTest(f: Fixture) {
       )
 
       editor2.reset()
-      await expect(page.getByTestId('test-hmr-shared-server')).toContainText(
-        '(shared1, shared2)',
-      )
-      await expect(page.getByTestId('test-hmr-shared-client')).toContainText(
-        '(shared1, shared2)',
-      )
+      await expect(page.getByTestId('test-hmr-shared-server')).toContainText('(shared1, shared2)')
+      await expect(page.getByTestId('test-hmr-shared-client')).toContainText('(shared1, shared2)')
     })
 
     // for this use case to work, server refetch/render and client hmr needs to applied atomically
@@ -592,25 +521,19 @@ function defineTest(f: Fixture) {
     test('shared hmr not atomic', async ({ page }) => {
       await page.goto(f.url())
       await waitForHydration(page)
-      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText(
-        'ok (test-shared)',
-      )
+      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText('ok (test-shared)')
 
       // non-atomic update causes an error
       const editor = f.createEditor('src/routes/hmr-shared/atomic/shared.tsx')
       editor.edit((s) => s.replace('test-shared', 'test-shared-edit'))
-      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText(
-        'ErrorBoundary',
-      )
+      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText('ErrorBoundary')
 
       await page.reload()
       await expect(page.getByText('ok (test-shared-edit)')).toBeVisible()
 
       // non-atomic update causes an error
       editor.reset()
-      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText(
-        'ErrorBoundary',
-      )
+      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText('ErrorBoundary')
 
       await page.reload()
       await expect(page.getByText('ok (test-shared)')).toBeVisible()
@@ -621,20 +544,14 @@ function defineTest(f: Fixture) {
       await waitForHydration(page)
       await using _ = await expectNoReload(page)
 
-      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
-        '(useState: false)',
-      )
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText('(useState: false)')
       const editor = f.createEditor('src/routes/hmr-switch/server.tsx')
       editor.edit((s) => `"use client";\n` + s)
-      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
-        '(useState: true)',
-      )
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText('(useState: true)')
 
       await page.waitForTimeout(100)
       editor.reset()
-      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
-        '(useState: false)',
-      )
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText('(useState: false)')
     })
 
     test('hmr switch client to server', async ({ page }) => {
@@ -642,20 +559,14 @@ function defineTest(f: Fixture) {
       await waitForHydration(page)
       await using _ = await expectNoReload(page)
 
-      await expect(page.getByTestId('test-hmr-switch-client')).toContainText(
-        '(useState: true)',
-      )
+      await expect(page.getByTestId('test-hmr-switch-client')).toContainText('(useState: true)')
       const editor = f.createEditor('src/routes/hmr-switch/client.tsx')
       editor.edit((s) => s.replace(`'use client'`, ''))
-      await expect(page.getByTestId('test-hmr-switch-client')).toContainText(
-        '(useState: false)',
-      )
+      await expect(page.getByTestId('test-hmr-switch-client')).toContainText('(useState: false)')
 
       await page.waitForTimeout(100)
       editor.reset()
-      await expect(page.getByTestId('test-hmr-switch-client')).toContainText(
-        '(useState: true)',
-      )
+      await expect(page.getByTestId('test-hmr-switch-client')).toContainText('(useState: true)')
     })
   })
 
@@ -672,30 +583,12 @@ function defineTest(f: Fixture) {
 
   async function testCssBasic(page: Page) {
     await testCss(page)
-    await expect(page.locator('.test-dep-css-in-server')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
-    await expect(page.locator('.test-style-server-manual')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
-    await expect(page.getByTestId('css-module-client')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
-    await expect(page.getByTestId('css-module-server')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
-    await expect(page.locator('.test-style-url-client')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
-    await expect(page.locator('.test-style-url-server')).toHaveCSS(
-      'color',
-      'rgb(255, 165, 0)',
-    )
+    await expect(page.locator('.test-dep-css-in-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.locator('.test-style-server-manual')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.getByTestId('css-module-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.getByTestId('css-module-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.locator('.test-style-url-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.locator('.test-style-url-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
   }
 
   async function testCss(page: Page, color = 'rgb(255, 165, 0)') {
@@ -713,50 +606,28 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-client/client.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-client')).toHaveCSS(
-        'color',
-        'rgb(0, 165, 255)',
-      )
-      editor.edit((s) =>
-        s.replaceAll(
-          `color: rgb(0, 165, 255);`,
-          `/* color: rgb(0, 165, 255); */`,
-        ),
-      )
-      await expect(page.locator('.test-style-client')).toHaveCSS(
-        'color',
-        'rgb(0, 0, 0)',
-      )
+      await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(0, 165, 255)')
+      editor.edit((s) => s.replaceAll(`color: rgb(0, 165, 255);`, `/* color: rgb(0, 165, 255); */`))
+      await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(0, 0, 0)')
       // wait longer for multiple edits
       await page.waitForTimeout(100)
       editor.reset()
-      await expect(page.locator('.test-style-client')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
       await expectNoDuplicateServerCss(page)
     })
 
     async function expectNoDuplicateServerCss(page: Page) {
       // verify duplicate client-reference style link are removed
       await expect(
-        page.locator(
-          'link[rel="stylesheet"][data-precedence="vite-rsc/client-reference"]',
-        ),
+        page.locator('link[rel="stylesheet"][data-precedence="vite-rsc/client-reference"]'),
       ).toHaveCount(0)
       await expect(
         page
-          .locator(
-            'link[rel="stylesheet"][data-precedence="vite-rsc/importer-resources"]',
-          )
+          .locator('link[rel="stylesheet"][data-precedence="vite-rsc/importer-resources"]')
           .nth(0),
       ).toBeAttached()
       await expect(
-        page
-          .locator(
-            'link[rel="stylesheet"][data-precedence="test-style-manual-link"]',
-          )
-          .nth(0),
+        page.locator('link[rel="stylesheet"][data-precedence="test-style-manual-link"]').nth(0),
       ).toBeAttached()
     }
 
@@ -778,31 +649,20 @@ function defineTest(f: Fixture) {
       await testAddRemoveCssClient(page, { js: false })
     })
 
-    async function testAddRemoveCssClient(
-      page: Page,
-      options: { js: boolean },
-    ) {
-      await expect(page.locator('.test-style-client-dep')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+    async function testAddRemoveCssClient(page: Page, options: { js: boolean }) {
+      await expect(page.locator('.test-style-client-dep')).toHaveCSS('color', 'rgb(255, 165, 0)')
 
       // remove css import
       const editor = f.createEditor('src/routes/style-client/client-dep.tsx')
       editor.edit((s) =>
-        s.replaceAll(
-          `import './client-dep.css'`,
-          `/* import './client-dep.css' */`,
-        ),
+        s.replaceAll(`import './client-dep.css'`, `/* import './client-dep.css' */`),
       )
       await page.waitForTimeout(100)
       await expect(async () => {
         if (!options.js) await page.reload()
-        await expect(page.locator('.test-style-client-dep')).toHaveCSS(
-          'color',
-          'rgb(0, 0, 0)',
-          { timeout: 10 },
-        )
+        await expect(page.locator('.test-style-client-dep')).toHaveCSS('color', 'rgb(0, 0, 0)', {
+          timeout: 10,
+        })
       }).toPass()
 
       // add back css import
@@ -825,29 +685,12 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-server/server.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-server')).toHaveCSS(
-        'color',
-        'rgb(0, 165, 255)',
-      )
-      editor.edit((s) =>
-        s.replaceAll(
-          `color: rgb(0, 165, 255);`,
-          `/* color: rgb(0, 165, 255); */`,
-        ),
-      )
-      await expect(page.locator('.test-style-server')).toHaveCSS(
-        'color',
-        'rgb(0, 0, 0)',
-      )
+      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 165, 255)')
+      editor.edit((s) => s.replaceAll(`color: rgb(0, 165, 255);`, `/* color: rgb(0, 165, 255); */`))
+      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 0, 0)')
       editor.reset()
-      await expect(page.locator('.test-style-server')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
-      await expect(page.locator('.test-style-server-manual')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.locator('.test-style-server-manual')).toHaveCSS('color', 'rgb(255, 165, 0)')
       await expectNoDuplicateServerCss(page)
     })
 
@@ -855,10 +698,7 @@ function defineTest(f: Fixture) {
     test('adding/removing css server @js', async ({ page }) => {
       await page.goto(f.url())
       await waitForHydration(page)
-      await expect(page.locator('.test-style-server')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
 
       const editor = f.createEditor('src/routes/style-server/server.tsx')
 
@@ -867,22 +707,12 @@ function defineTest(f: Fixture) {
         await using _ = await expectNoReload(page)
 
         // remove css import
-        editor.edit((s) =>
-          s.replaceAll(`import './server.css'`, `/* import './server.css' */`),
-        )
-        await expect(page.locator('.test-style-server')).toHaveCSS(
-          'color',
-          'rgb(0, 0, 0)',
-        )
+        editor.edit((s) => s.replaceAll(`import './server.css'`, `/* import './server.css' */`))
+        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 0, 0)')
 
         // add new css
-        editor.edit((s) =>
-          s.replaceAll(`/* import './server.css' */`, `import './server2.css'`),
-        )
-        await expect(page.locator('.test-style-server')).toHaveCSS(
-          'color',
-          'rgb(0, 255, 165)',
-        )
+        editor.edit((s) => s.replaceAll(`/* import './server.css' */`, `import './server2.css'`))
+        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 255, 165)')
       }
 
       // TODO: React doesn't re-inert same css link. so manual reload is required.
@@ -890,11 +720,9 @@ function defineTest(f: Fixture) {
       await page.waitForTimeout(100)
       await expect(async () => {
         await page.reload()
-        await expect(page.locator('.test-style-server')).toHaveCSS(
-          'color',
-          'rgb(255, 165, 0)',
-          { timeout: 10 },
-        )
+        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)', {
+          timeout: 10,
+        })
       }).toPass()
     })
 
@@ -903,28 +731,18 @@ function defineTest(f: Fixture) {
       await testAddRemoveCssServer(page, { js: false })
     })
 
-    async function testAddRemoveCssServer(
-      page: Page,
-      options: { js: boolean },
-    ) {
-      await expect(page.locator('.test-style-server')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+    async function testAddRemoveCssServer(page: Page, options: { js: boolean }) {
+      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
 
       // remove css import
       const editor = f.createEditor('src/routes/style-server/server.tsx')
-      editor.edit((s) =>
-        s.replaceAll(`import './server.css'`, `/* import './server.css' */`),
-      )
+      editor.edit((s) => s.replaceAll(`import './server.css'`, `/* import './server.css' */`))
       await page.waitForTimeout(100)
       await expect(async () => {
         if (!options.js) await page.reload()
-        await expect(page.locator('.test-style-server')).toHaveCSS(
-          'color',
-          'rgb(0, 0, 0)',
-          { timeout: 10 },
-        )
+        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 0, 0)', {
+          timeout: 10,
+        })
       }).toPass()
 
       // add back css import
@@ -932,11 +750,9 @@ function defineTest(f: Fixture) {
       await page.waitForTimeout(100)
       await expect(async () => {
         if (!options.js) await page.reload()
-        await expect(page.locator('.test-style-server')).toHaveCSS(
-          'color',
-          'rgb(255, 165, 0)',
-          { timeout: 10 },
-        )
+        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)', {
+          timeout: 10,
+        })
       }).toPass()
     }
 
@@ -946,15 +762,9 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-client/client.module.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.getByTestId('css-module-client')).toHaveCSS(
-        'color',
-        'rgb(0, 165, 255)',
-      )
+      await expect(page.getByTestId('css-module-client')).toHaveCSS('color', 'rgb(0, 165, 255)')
       editor.reset()
-      await expect(page.getByTestId('css-module-client')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.getByTestId('css-module-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
     })
 
     test('css module server hmr', async ({ page }) => {
@@ -963,15 +773,9 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-server/server.module.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.getByTestId('css-module-server')).toHaveCSS(
-        'color',
-        'rgb(0, 165, 255)',
-      )
+      await expect(page.getByTestId('css-module-server')).toHaveCSS('color', 'rgb(0, 165, 255)')
       editor.reset()
-      await expect(page.getByTestId('css-module-server')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.getByTestId('css-module-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
     })
 
     test('css url client hmr', async ({ page }) => {
@@ -980,15 +784,9 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-client/client-url.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-url-client')).toHaveCSS(
-        'color',
-        'rgb(0, 165, 255)',
-      )
+      await expect(page.locator('.test-style-url-client')).toHaveCSS('color', 'rgb(0, 165, 255)')
       editor.reset()
-      await expect(page.locator('.test-style-url-client')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.locator('.test-style-url-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
     })
 
     test('css url server hmr', async ({ page }) => {
@@ -997,15 +795,9 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-server/server-url.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-url-server')).toHaveCSS(
-        'color',
-        'rgb(0, 165, 255)',
-      )
+      await expect(page.locator('.test-style-url-server')).toHaveCSS('color', 'rgb(0, 165, 255)')
       editor.reset()
-      await expect(page.locator('.test-style-url-server')).toHaveCSS(
-        'color',
-        'rgb(255, 165, 0)',
-      )
+      await expect(page.locator('.test-style-url-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
     })
   })
 
@@ -1014,10 +806,7 @@ function defineTest(f: Fixture) {
     await waitForHydration(page)
     await using _ = await expectNoReload(page)
     await page.locator("a[href='?test-client-style-no-ssr']").click()
-    await expect(page.locator('.test-style-client-no-ssr')).toHaveCSS(
-      'color',
-      'rgb(0, 200, 100)',
-    )
+    await expect(page.locator('.test-style-client-no-ssr')).toHaveCSS('color', 'rgb(0, 200, 100)')
   })
 
   test('tailwind @js', async ({ page }) => {
@@ -1056,27 +845,15 @@ function defineTest(f: Fixture) {
 
       const clientFile = f.createEditor('src/routes/tailwind/client.tsx')
       clientFile.edit((s) => s.replaceAll('text-[#00f]', 'text-[#88f]'))
-      await expect(page.locator('.test-tw-client')).toHaveCSS(
-        'color',
-        'rgb(136, 136, 255)',
-      )
+      await expect(page.locator('.test-tw-client')).toHaveCSS('color', 'rgb(136, 136, 255)')
       clientFile.reset()
-      await expect(page.locator('.test-tw-client')).toHaveCSS(
-        'color',
-        'rgb(0, 0, 255)',
-      )
+      await expect(page.locator('.test-tw-client')).toHaveCSS('color', 'rgb(0, 0, 255)')
 
       const serverFile = f.createEditor('src/routes/tailwind/server.tsx')
       serverFile.edit((s) => s.replaceAll('text-[#f00]', 'text-[#f88]'))
-      await expect(page.locator('.test-tw-server')).toHaveCSS(
-        'color',
-        'rgb(255, 136, 136)',
-      )
+      await expect(page.locator('.test-tw-server')).toHaveCSS('color', 'rgb(255, 136, 136)')
       serverFile.reset()
-      await expect(page.locator('.test-tw-server')).toHaveCSS(
-        'color',
-        'rgb(255, 0, 0)',
-      )
+      await expect(page.locator('.test-tw-server')).toHaveCSS('color', 'rgb(255, 0, 0)')
     })
 
     test('tailwind no redundant server hmr', async ({ page }) => {
@@ -1092,9 +869,7 @@ function defineTest(f: Fixture) {
       await page.waitForTimeout(200)
       f.createEditor('src/routes/tailwind/server.tsx').resave()
       await page.waitForTimeout(200)
-      expect(logs).toEqual([
-        expect.stringMatching(/\[vite-rsc:update\].*\/tailwind\/server.tsx/),
-      ])
+      expect(logs).toEqual([expect.stringMatching(/\[vite-rsc:update\].*\/tailwind\/server.tsx/)])
     })
   })
 
@@ -1102,9 +877,7 @@ function defineTest(f: Fixture) {
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByRole('button', { name: 'test-temporary-reference' }).click()
-    await expect(page.getByTestId('temporary-reference')).toContainText(
-      'result: [server [client]]',
-    )
+    await expect(page.getByTestId('temporary-reference')).toContainText('result: [server [client]]')
   })
 
   test('server action error @js', async ({ page }) => {
@@ -1120,23 +893,17 @@ function defineTest(f: Fixture) {
       })
     })
     await page.getByRole('button', { name: 'test-server-action-error' }).click()
-    await expect(page.getByTestId('action-error-boundary')).toContainText(
-      'ErrorBoundary triggered',
-    )
+    await expect(page.getByTestId('action-error-boundary')).toContainText('ErrorBoundary triggered')
     await expect(errorResponse).resolves.toEqual(500)
     if (f.mode === 'dev') {
-      await expect(page.getByTestId('action-error-boundary')).toContainText(
-        '(Error: boom!)',
-      )
+      await expect(page.getByTestId('action-error-boundary')).toContainText('(Error: boom!)')
     } else {
       await expect(page.getByTestId('action-error-boundary')).toContainText(
         '(Error: An error occurred in the Server Components render.',
       )
     }
     await page.getByRole('button', { name: 'reset-error' }).click()
-    await expect(
-      page.getByRole('button', { name: 'test-server-action-error' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'test-server-action-error' })).toBeVisible()
   })
 
   test.describe(() => {
@@ -1151,14 +918,10 @@ function defineTest(f: Fixture) {
           }
         })
       })
-      await page
-        .getByRole('button', { name: 'test-server-action-error' })
-        .click()
+      await page.getByRole('button', { name: 'test-server-action-error' }).click()
       const response = await responsePromise
       expect(response.status()).toBe(500)
-      await expect(response.text()).resolves.toBe(
-        'Internal Server Error: server action failed',
-      )
+      await expect(response.text()).resolves.toBe('Internal Server Error: server action failed')
     })
   })
 
@@ -1172,9 +935,7 @@ function defineTest(f: Fixture) {
     await locator.click()
     await expect(page.getByText('Caught an unexpected error')).toBeVisible()
     if (f.mode === 'dev') {
-      await expect(
-        page.getByText('Error: Client error triggered'),
-      ).toBeVisible()
+      await expect(page.getByText('Error: Client error triggered')).toBeVisible()
     } else {
       await expect(page.getByText('Error: (Unknown)')).toBeVisible()
     }
@@ -1186,8 +947,7 @@ function defineTest(f: Fixture) {
     await page.goto(f.url())
     await waitForHydration(page)
 
-    const expectedText =
-      f.mode === 'dev' ? 'Error: test-server-error!' : 'Error: (Unknown)'
+    const expectedText = f.mode === 'dev' ? 'Error: test-server-error!' : 'Error: (Unknown)'
 
     // trigger client navigation error
     await page.getByRole('link', { name: 'test-server-error' }).click()
@@ -1203,12 +963,8 @@ function defineTest(f: Fixture) {
     // client is interactive before suspense is resolved
     await page.goto(f.url('./?test-suspense=1000'), { waitUntil: 'commit' })
     await waitForHydration(page)
-    await expect(page.getByTestId('suspense')).toContainText(
-      'suspense-fallback',
-    )
-    await expect(page.getByTestId('suspense')).toContainText(
-      'suspense-resolved',
-    )
+    await expect(page.getByTestId('suspense')).toContainText('suspense-fallback')
+    await expect(page.getByTestId('suspense')).toContainText('suspense-resolved')
   })
 
   test('ssr rsc payload encoding', async ({ page }) => {
@@ -1238,18 +994,10 @@ function defineTest(f: Fixture) {
   })
 
   async function testActionBindSimple(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
-      '[?]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-simple' })
-      .click()
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
-      'true',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-reset' })
-      .click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('[?]')
+    await page.getByRole('button', { name: 'test-server-action-bind-simple' }).click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('true')
+    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
   }
 
   test('action bind client @js', async ({ page }) => {
@@ -1266,18 +1014,10 @@ function defineTest(f: Fixture) {
   })
 
   async function testActionBindClient(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
-      '[?]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-client' })
-      .click()
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
-      'true',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-reset' })
-      .click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('[?]')
+    await page.getByRole('button', { name: 'test-server-action-bind-client' }).click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('true')
+    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
   }
 
   test('action bind action @js', async ({ page }) => {
@@ -1293,18 +1033,10 @@ function defineTest(f: Fixture) {
   })
 
   async function testActionBindAction(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
-      '[?]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-action' })
-      .click()
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
-      '[true,true]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-reset' })
-      .click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[?]')
+    await page.getByRole('button', { name: 'test-server-action-bind-action' }).click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[true,true]')
+    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
   }
 
   test('test serialization @js', async ({ page }) => {
@@ -1328,105 +1060,69 @@ function defineTest(f: Fixture) {
   test('server-in-server package', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('server-in-server')).toHaveText(
-      'server-in-server: 0',
-    )
+    await expect(page.getByTestId('server-in-server')).toHaveText('server-in-server: 0')
     await page.getByTestId('server-in-server').click()
-    await expect(page.getByTestId('server-in-server')).toHaveText(
-      'server-in-server: 1',
-    )
+    await expect(page.getByTestId('server-in-server')).toHaveText('server-in-server: 1')
     await page.reload()
-    await expect(page.getByTestId('server-in-server')).toHaveText(
-      'server-in-server: 1',
-    )
+    await expect(page.getByTestId('server-in-server')).toHaveText('server-in-server: 1')
   })
 
   test('server-in-client package', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('server-in-client')).toHaveText(
-      'server-in-client: ?',
-    )
+    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: ?')
     await page.getByTestId('server-in-client').click()
-    await expect(page.getByTestId('server-in-client')).toHaveText(
-      'server-in-client: 1',
-    )
+    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: 1')
     await page.reload()
     await waitForHydration(page)
-    await expect(page.getByTestId('server-in-client')).toHaveText(
-      'server-in-client: ?',
-    )
+    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: ?')
     await page.getByTestId('server-in-client').click()
-    await expect(page.getByTestId('server-in-client')).toHaveText(
-      'server-in-client: 2',
-    )
+    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: 2')
   })
 
   test('transitive cjs dep', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
     await expect(page.getByTestId('transitive-cjs-client')).toHaveText('ok')
-    await expect(
-      page.getByTestId('transitive-use-sync-external-store-client'),
-    ).toHaveText('ok:browser')
+    await expect(page.getByTestId('transitive-use-sync-external-store-client')).toHaveText(
+      'ok:browser',
+    )
   })
 
   test('use cache function', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
     const locator = page.getByTestId('test-use-cache-fn')
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 0, cacheFnCount: 0)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 0, cacheFnCount: 0)')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 1, cacheFnCount: 1)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 1, cacheFnCount: 1)')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 2, cacheFnCount: 1)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 2, cacheFnCount: 1)')
     await locator.getByRole('textbox').fill('test')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 3, cacheFnCount: 2)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 3, cacheFnCount: 2)')
     await locator.getByRole('textbox').fill('test')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 4, cacheFnCount: 2)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 4, cacheFnCount: 2)')
 
     // revalidate cache
     await locator.getByRole('textbox').fill('revalidate')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 5, cacheFnCount: 3)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 5, cacheFnCount: 3)')
     await locator.getByRole('textbox').fill('test')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 6, cacheFnCount: 4)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 6, cacheFnCount: 4)')
   })
 
   test('use cache component', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    const static1 = await page
-      .getByTestId('test-use-cache-component-static')
-      .textContent()
-    const dynamic1 = await page
-      .getByTestId('test-use-cache-component-dynamic')
-      .textContent()
+    const static1 = await page.getByTestId('test-use-cache-component-static').textContent()
+    const dynamic1 = await page.getByTestId('test-use-cache-component-dynamic').textContent()
     await page.waitForTimeout(100)
     await page.reload()
-    const static2 = await page
-      .getByTestId('test-use-cache-component-static')
-      .textContent()
-    const dynamic2 = await page
-      .getByTestId('test-use-cache-component-dynamic')
-      .textContent()
+    const static2 = await page.getByTestId('test-use-cache-component-static').textContent()
+    const dynamic2 = await page.getByTestId('test-use-cache-component-dynamic').textContent()
     expect({ static2, dynamic2 }).toEqual({
       static2: expect.stringMatching(static1!),
       dynamic2: expect.not.stringMatching(dynamic1!),
@@ -1437,49 +1133,37 @@ function defineTest(f: Fixture) {
     await page.goto(f.url())
     await waitForHydration(page)
     const locator = page.getByTestId('test-use-cache-closure')
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 0, innerFnCount: 0)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 0, innerFnCount: 0)')
 
     // (x, y)
     await locator.getByPlaceholder('outer').fill('x')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 1, innerFnCount: 1)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 1, innerFnCount: 1)')
 
     // (x, y)
     await locator.getByPlaceholder('outer').fill('x')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 2, innerFnCount: 1)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 2, innerFnCount: 1)')
 
     // (xx, y)
     await locator.getByPlaceholder('outer').fill('xx')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 3, innerFnCount: 2)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 3, innerFnCount: 2)')
 
     // (xx, y)
     await locator.getByPlaceholder('outer').fill('xx')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 4, innerFnCount: 2)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 4, innerFnCount: 2)')
 
     // (xx, yy)
     await locator.getByPlaceholder('outer').fill('xx')
     await locator.getByPlaceholder('inner').fill('yy')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText(
-      '(actionCount: 5, innerFnCount: 3)',
-    )
+    await expect(locator.locator('span')).toHaveText('(actionCount: 5, innerFnCount: 3)')
   })
 
   test('hydration mismatch', async ({ page }) => {
@@ -1505,9 +1189,7 @@ function defineTest(f: Fixture) {
 
   test('browser only', async ({ page, browser }) => {
     await page.goto(f.url())
-    await expect(page.getByTestId('test-browser-only')).toHaveText(
-      'test-browser-only: true',
-    )
+    await expect(page.getByTestId('test-browser-only')).toHaveText('test-browser-only: true')
 
     const pageNoJs = await browser.newPage({ javaScriptEnabled: false })
     await pageNoJs.goto(f.url())
@@ -1559,12 +1241,14 @@ function defineTest(f: Fixture) {
   test('assets', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(
-      page.getByTestId('test-assets-server-import'),
-    ).not.toHaveJSProperty('naturalWidth', 0)
-    await expect(
-      page.getByTestId('test-assets-client-import'),
-    ).not.toHaveJSProperty('naturalWidth', 0)
+    await expect(page.getByTestId('test-assets-server-import')).not.toHaveJSProperty(
+      'naturalWidth',
+      0,
+    )
+    await expect(page.getByTestId('test-assets-client-import')).not.toHaveJSProperty(
+      'naturalWidth',
+      0,
+    )
 
     async function testBackgroundImage(selector: string) {
       const url = await page
diff --git a/packages/plugin-rsc/e2e/browser-mode.test.ts b/packages/plugin-rsc/e2e/browser-mode.test.ts
index 84280fd14..17421d80b 100644
--- a/packages/plugin-rsc/e2e/browser-mode.test.ts
+++ b/packages/plugin-rsc/e2e/browser-mode.test.ts
@@ -27,18 +27,10 @@ function defineBrowserModeTest(f: ReturnType<typeof useFixture>) {
   })
 
   async function testActionBindSimple(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
-      '[?]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-simple' })
-      .click()
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
-      'true',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-reset' })
-      .click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('[?]')
+    await page.getByRole('button', { name: 'test-server-action-bind-simple' }).click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('true')
+    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
   }
 
   test('action bind client', async ({ page }) => {
@@ -47,18 +39,10 @@ function defineBrowserModeTest(f: ReturnType<typeof useFixture>) {
   })
 
   async function testActionBindClient(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
-      '[?]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-client' })
-      .click()
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
-      'true',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-reset' })
-      .click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('[?]')
+    await page.getByRole('button', { name: 'test-server-action-bind-client' }).click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('true')
+    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
   }
 
   test('action bind action', async ({ page }) => {
@@ -67,17 +51,9 @@ function defineBrowserModeTest(f: ReturnType<typeof useFixture>) {
   })
 
   async function testActionBindAction(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
-      '[?]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-action' })
-      .click()
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
-      '[true,true]',
-    )
-    await page
-      .getByRole('button', { name: 'test-server-action-bind-reset' })
-      .click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[?]')
+    await page.getByRole('button', { name: 'test-server-action-bind-action' }).click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[true,true]')
+    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
   }
 }
diff --git a/packages/plugin-rsc/e2e/error.test.ts b/packages/plugin-rsc/e2e/error.test.ts
index ea2b63b11..b42ebc97e 100644
--- a/packages/plugin-rsc/e2e/error.test.ts
+++ b/packages/plugin-rsc/e2e/error.test.ts
@@ -48,9 +48,7 @@ test.describe('invalid directives', () => {
         throwOnError: false,
         nodeOptions: { cwd: root },
       })
-      expect(result.stderr).toContain(
-        `'use server' directive is not allowed inside 'use client'`,
-      )
+      expect(result.stderr).toContain(`'use server' directive is not allowed inside 'use client'`)
       expect(result.exitCode).not.toBe(0)
     })
   })
diff --git a/packages/plugin-rsc/e2e/fixture.ts b/packages/plugin-rsc/e2e/fixture.ts
index a34d298da..a1c6b2fb2 100644
--- a/packages/plugin-rsc/e2e/fixture.ts
+++ b/packages/plugin-rsc/e2e/fixture.ts
@@ -184,13 +184,8 @@ export async function setupIsolatedFixture(options: {
 
   // extract workspace overrides
   const rootDir = path.join(import.meta.dirname, '..', '..', '..')
-  const workspaceYaml = fs.readFileSync(
-    path.join(rootDir, 'pnpm-workspace.yaml'),
-    'utf-8',
-  )
-  const overridesMatch = workspaceYaml.match(
-    /overrides:\s*([\s\S]*?)(?=\n\w|\n*$)/,
-  )
+  const workspaceYaml = fs.readFileSync(path.join(rootDir, 'pnpm-workspace.yaml'), 'utf-8')
+  const overridesMatch = workspaceYaml.match(/overrides:\s*([\s\S]*?)(?=\n\w|\n*$)/)
   const overridesSection = overridesMatch ? overridesMatch[0] : 'overrides:'
   const overrides = {
     '@vitejs/plugin-rsc': `file:${path.join(rootDir, 'packages/plugin-rsc')}`,
@@ -203,21 +198,14 @@ ${Object.entries(overrides)
   .map(([k, v]) => `  ${JSON.stringify(k)}: ${JSON.stringify(v)}`)
   .join('\n')}
 `
-  fs.writeFileSync(
-    path.join(options.dest, 'pnpm-workspace.yaml'),
-    tempWorkspaceYaml,
-  )
+  fs.writeFileSync(path.join(options.dest, 'pnpm-workspace.yaml'), tempWorkspaceYaml)
 
   // install
   await x('pnpm', ['i'], {
     throwOnError: true,
     nodeOptions: {
       cwd: options.dest,
-      stdio: [
-        'ignore',
-        process.env.TEST_DEBUG ? 'inherit' : 'ignore',
-        'inherit',
-      ],
+      stdio: ['ignore', process.env.TEST_DEBUG ? 'inherit' : 'ignore', 'inherit'],
     },
   })
 }
@@ -229,10 +217,7 @@ ${Object.entries(overrides)
 export async function setupInlineFixture(options: {
   src: string
   dest: string
-  files?: Record<
-    string,
-    string | { cp: string } | { edit: (s: string) => string }
-  >
+  files?: Record<string, string | { cp: string } | { edit: (s: string) => string }>
 }) {
   fs.rmSync(options.dest, { recursive: true, force: true })
   fs.mkdirSync(options.dest, { recursive: true })
diff --git a/packages/plugin-rsc/e2e/helper.ts b/packages/plugin-rsc/e2e/helper.ts
index f3b5a1596..98f6ef49d 100644
--- a/packages/plugin-rsc/e2e/helper.ts
+++ b/packages/plugin-rsc/e2e/helper.ts
@@ -10,11 +10,7 @@ export async function waitForHydration(page: Page, locator: string = 'body') {
       () =>
         page
           .locator(locator)
-          .evaluate(
-            (el) =>
-              el &&
-              Object.keys(el).some((key) => key.startsWith('__reactFiber')),
-          ),
+          .evaluate((el) => el && Object.keys(el).some((key) => key.startsWith('__reactFiber'))),
       { timeout: 20000 },
     )
     .toBeTruthy()
diff --git a/packages/plugin-rsc/e2e/isolated.test.ts b/packages/plugin-rsc/e2e/isolated.test.ts
index d67a91be4..fdbffe6f7 100644
--- a/packages/plugin-rsc/e2e/isolated.test.ts
+++ b/packages/plugin-rsc/e2e/isolated.test.ts
@@ -10,10 +10,7 @@ import { x } from 'tinyexec'
 test.describe(() => {
   // use RUNNER_TEMP on Github Actions
   // https://github.com/actions/toolkit/issues/518
-  const tmpRoot = path.join(
-    process.env['RUNNER_TEMP'] || os.tmpdir(),
-    'test-vite-rsc',
-  )
+  const tmpRoot = path.join(process.env['RUNNER_TEMP'] || os.tmpdir(), 'test-vite-rsc')
   test.beforeAll(async () => {
     await setupIsolatedFixture({ src: 'examples/starter', dest: tmpRoot })
   })
@@ -36,10 +33,7 @@ test.describe(() => {
 test.describe('vite 6', () => {
   test.skip(!!process.env.ECOSYSTEM_CI || 'rolldownVersion' in vite)
 
-  const tmpRoot = path.join(
-    process.env['RUNNER_TEMP'] || os.tmpdir(),
-    'test-vite-rsc-vite-6',
-  )
+  const tmpRoot = path.join(process.env['RUNNER_TEMP'] || os.tmpdir(), 'test-vite-rsc-vite-6')
   test.beforeAll(async () => {
     await setupIsolatedFixture({
       src: 'examples/starter',
@@ -62,10 +56,7 @@ test.describe('vite 6', () => {
 })
 
 test.describe('react-server-dom-webpack', () => {
-  const tmpRoot = path.join(
-    process.env['RUNNER_TEMP'] || os.tmpdir(),
-    'test-vite-rsc-webpack',
-  )
+  const tmpRoot = path.join(process.env['RUNNER_TEMP'] || os.tmpdir(), 'test-vite-rsc-webpack')
   test.beforeAll(async () => {
     await setupIsolatedFixture({
       src: 'examples/starter',
@@ -99,27 +90,17 @@ test.describe('react-server-dom-webpack', () => {
   })
 })
 
-async function testReactServerDom(
-  page: Page,
-  url: string,
-  expectVendor: boolean,
-) {
+async function testReactServerDom(page: Page, url: string, expectVendor: boolean) {
   let hasVendor = false
   let hasNonVendor = false
   page.on('request', async (request) => {
-    if (
-      request
-        .url()
-        .includes('.vite/deps/react-server-dom-webpack_client__browser.js')
-    ) {
+    if (request.url().includes('.vite/deps/react-server-dom-webpack_client__browser.js')) {
       hasNonVendor = true
     }
     if (
       request
         .url()
-        .includes(
-          '.vite/deps/@vitejs_plugin-rsc_vendor_react-server-dom_client__browser.js',
-        )
+        .includes('.vite/deps/@vitejs_plugin-rsc_vendor_react-server-dom_client__browser.js')
     ) {
       hasVendor = true
     }
diff --git a/packages/plugin-rsc/e2e/react-router.test.ts b/packages/plugin-rsc/e2e/react-router.test.ts
index 0807e2aaf..e357207ed 100644
--- a/packages/plugin-rsc/e2e/react-router.test.ts
+++ b/packages/plugin-rsc/e2e/react-router.test.ts
@@ -43,9 +43,7 @@ function defineTest(f: Fixture) {
     await page.goto(f.url('./about'))
     await waitForHydration(page)
     await page.getByRole('button', { name: 'Client counter: 0' }).click()
-    await expect(
-      page.getByRole('button', { name: 'Client counter: 1' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Client counter: 1' })).toBeVisible()
   })
 
   test('navigation', async ({ page }) => {
@@ -71,19 +69,15 @@ function defineTest(f: Fixture) {
       await page.goto(f.url())
       const srcs = await page
         .locator(`head >> link[rel="modulepreload"]`)
-        .evaluateAll((elements) =>
-          elements.map((el) => el.getAttribute('href')),
-        )
+        .evaluateAll((elements) => elements.map((el) => el.getAttribute('href')))
       const manifest = JSON.parse(
-        readFileSync(
-          f.root + '/dist/ssr/__vite_rsc_assets_manifest.js',
-          'utf-8',
-        ).slice('export default '.length),
+        readFileSync(f.root + '/dist/ssr/__vite_rsc_assets_manifest.js', 'utf-8').slice(
+          'export default '.length,
+        ),
       )
       const hashString = (v: string) =>
         createHash('sha256').update(v).digest().toString('hex').slice(0, 12)
-      const deps =
-        manifest.clientReferenceDeps[hashString('app/routes/home.client.tsx')]
+      const deps = manifest.clientReferenceDeps[hashString('app/routes/home.client.tsx')]
       expect(srcs).toEqual(expect.arrayContaining(deps.js))
     })
   })
@@ -97,16 +91,12 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
 
       await page.getByRole('button', { name: 'Client counter: 0' }).click()
-      await expect(
-        page.getByRole('button', { name: 'Client counter: 1' }),
-      ).toBeVisible()
+      await expect(page.getByRole('button', { name: 'Client counter: 1' })).toBeVisible()
 
       const editor = f.createEditor('app/routes/about.tsx')
       editor.edit((s) => s.replace('Client counter:', 'Client [edit] counter:'))
 
-      await expect(
-        page.getByRole('button', { name: 'Client [edit] counter: 1' }),
-      ).toBeVisible()
+      await expect(page.getByRole('button', { name: 'Client [edit] counter: 1' })).toBeVisible()
     })
 
     test('server hmr', async ({ page }) => {
@@ -117,9 +107,7 @@ function defineTest(f: Fixture) {
       await page.getByText('This is the home page.').click()
 
       const editor = f.createEditor('app/routes/home.tsx')
-      editor.edit((s) =>
-        s.replace('This is the home page.', 'This is the home [edit] page.'),
-      )
+      editor.edit((s) => s.replace('This is the home page.', 'This is the home [edit] page.'))
 
       await page.getByText('This is the home [edit] page.').click()
     })
@@ -128,55 +116,36 @@ function defineTest(f: Fixture) {
   test('server css code split', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.locator('.test-style-home')).toHaveCSS(
-      'color',
-      'rgb(250, 150, 0)',
-    )
+    await expect(page.locator('.test-style-home')).toHaveCSS('color', 'rgb(250, 150, 0)')
 
     // client side navigation to "/about" keeps "/" styles
     await page.getByRole('link', { name: 'About' }).click()
     await page.waitForURL(f.url('./about'))
-    await expect(page.locator('.test-style-home')).toHaveCSS(
-      'color',
-      'rgb(250, 150, 0)',
-    )
+    await expect(page.locator('.test-style-home')).toHaveCSS('color', 'rgb(250, 150, 0)')
 
     // SSR of "/about" doesn't include "/" styles
     await page.goto(f.url('./about'))
     await waitForHydration(page)
-    await expect(page.locator('.test-style-home')).not.toHaveCSS(
-      'color',
-      'rgb(250, 150, 0)',
-    )
+    await expect(page.locator('.test-style-home')).not.toHaveCSS('color', 'rgb(250, 150, 0)')
 
     // client side navigation to "/" loads "/" styles
     await page.getByRole('link', { name: 'Home' }).click()
     await page.waitForURL(f.url())
-    await expect(page.locator('.test-style-home')).toHaveCSS(
-      'color',
-      'rgb(250, 150, 0)',
-    )
+    await expect(page.locator('.test-style-home')).toHaveCSS('color', 'rgb(250, 150, 0)')
   })
 
   test('vite-rsc-css-export', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('root-style')).toHaveCSS(
-      'color',
-      'rgb(0, 0, 255)',
-    )
+    await expect(page.getByTestId('root-style')).toHaveCSS('color', 'rgb(0, 0, 255)')
   })
 
   test('useActionState', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
-      /\(ok\)/,
-    )
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\)/)
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
-      /\(ok\).*\(ok\)/,
-    )
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\).*\(ok\)/)
   })
 }
diff --git a/packages/plugin-rsc/e2e/render-built-url.test.ts b/packages/plugin-rsc/e2e/render-built-url.test.ts
index e9e70e6d6..80d6fb141 100644
--- a/packages/plugin-rsc/e2e/render-built-url.test.ts
+++ b/packages/plugin-rsc/e2e/render-built-url.test.ts
@@ -108,9 +108,7 @@ test.describe(() => {
         f.root + '/dist/ssr/__vite_rsc_assets_manifest.js',
         'utf-8',
       )
-      expect(manifestFileContent).toContain(
-        `__dynamicBase + "assets/entry.rsc-`,
-      )
+      expect(manifestFileContent).toContain(`__dynamicBase + "assets/entry.rsc-`)
     })
   })
 })
diff --git a/packages/plugin-rsc/e2e/ssr-thenable.test.ts b/packages/plugin-rsc/e2e/ssr-thenable.test.ts
index 7bf9e14e4..fec9bac08 100644
--- a/packages/plugin-rsc/e2e/ssr-thenable.test.ts
+++ b/packages/plugin-rsc/e2e/ssr-thenable.test.ts
@@ -1,9 +1,6 @@
 import { test } from '@playwright/test'
 import { setupInlineFixture, type Fixture, useFixture } from './fixture'
-import {
-  expectNoPageError,
-  waitForHydration as waitForHydration_,
-} from './helper'
+import { expectNoPageError, waitForHydration as waitForHydration_ } from './helper'
 
 test.describe(() => {
   const root = 'examples/e2e/temp/ssr-thenable'
diff --git a/packages/plugin-rsc/e2e/starter.ts b/packages/plugin-rsc/e2e/starter.ts
index 3f2e02378..4cb75577b 100644
--- a/packages/plugin-rsc/e2e/starter.ts
+++ b/packages/plugin-rsc/e2e/starter.ts
@@ -12,10 +12,7 @@ export function defineStarterTest(
   variant?: 'no-ssr' | 'dev-production' | 'browser-mode',
 ) {
   const waitForHydration: typeof waitForHydration_ = (page) =>
-    waitForHydration_(
-      page,
-      variant === 'no-ssr' || variant === 'browser-mode' ? '#root' : 'body',
-    )
+    waitForHydration_(page, variant === 'no-ssr' || variant === 'browser-mode' ? '#root' : 'body')
 
   test('basic', async ({ page }) => {
     using _ = expectNoPageError(page)
@@ -27,9 +24,7 @@ export function defineStarterTest(
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByRole('button', { name: 'Client Counter: 0' }).click()
-    await expect(
-      page.getByRole('button', { name: 'Client Counter: 1' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Client Counter: 1' })).toBeVisible()
   })
 
   test('server action @js', async ({ page }) => {
@@ -37,9 +32,7 @@ export function defineStarterTest(
     await waitForHydration(page)
     await using _ = await expectNoReload(page)
     await page.getByRole('button', { name: 'Server Counter: 0' }).click()
-    await expect(
-      page.getByRole('button', { name: 'Server Counter: 1' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Server Counter: 1' })).toBeVisible()
   })
 
   testNoJs('server action @nojs', async ({ page }) => {
@@ -47,30 +40,20 @@ export function defineStarterTest(
 
     await page.goto(f.url())
     await page.getByRole('button', { name: 'Server Counter: 1' }).click()
-    await expect(
-      page.getByRole('button', { name: 'Server Counter: 2' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Server Counter: 2' })).toBeVisible()
   })
 
   test('client hmr', async ({ page }) => {
-    test.skip(
-      f.mode === 'build' ||
-        variant === 'dev-production' ||
-        variant === 'browser-mode',
-    )
+    test.skip(f.mode === 'build' || variant === 'dev-production' || variant === 'browser-mode')
 
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByRole('button', { name: 'Client Counter: 0' }).click()
-    await expect(
-      page.getByRole('button', { name: 'Client Counter: 1' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Client Counter: 1' })).toBeVisible()
 
     const editor = f.createEditor(`src/client.tsx`)
     editor.edit((s) => s.replace('Client Counter', 'Client [edit] Counter'))
-    await expect(
-      page.getByRole('button', { name: 'Client [edit] Counter: 1' }),
-    ).toBeVisible()
+    await expect(page.getByRole('button', { name: 'Client [edit] Counter: 1' })).toBeVisible()
 
     if (variant === 'no-ssr') {
       editor.reset()
@@ -95,9 +78,7 @@ export function defineStarterTest(
       await using _ = await expectNoReload(page)
       await expect(page.getByText('Vite + RSC')).toBeVisible()
       const editor = f.createEditor('src/root.tsx')
-      editor.edit((s) =>
-        s.replace('<h1>Vite + RSC</h1>', '<h1>Vite x RSC</h1>'),
-      )
+      editor.edit((s) => s.replace('<h1>Vite + RSC</h1>', '<h1>Vite x RSC</h1>'))
       await expect(page.getByText('Vite x RSC')).toBeVisible()
       editor.reset()
       await expect(page.getByText('Vite + RSC')).toBeVisible()
@@ -107,14 +88,8 @@ export function defineStarterTest(
   test('image assets', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByAltText('Vite logo')).not.toHaveJSProperty(
-      'naturalWidth',
-      0,
-    )
-    await expect(page.getByAltText('React logo')).not.toHaveJSProperty(
-      'naturalWidth',
-      0,
-    )
+    await expect(page.getByAltText('Vite logo')).not.toHaveJSProperty('naturalWidth', 0)
+    await expect(page.getByAltText('React logo')).not.toHaveJSProperty('naturalWidth', 0)
   })
 
   test('css @js', async ({ page }) => {
@@ -128,10 +103,7 @@ export function defineStarterTest(
 
     testNoJs('css @nojs', async ({ page }) => {
       await page.goto(f.url())
-      await expect(page.locator('.card').nth(0)).toHaveCSS(
-        'padding-left',
-        '16px',
-      )
+      await expect(page.locator('.card').nth(0)).toHaveCSS('padding-left', '16px')
     })
   })
 }
diff --git a/packages/plugin-rsc/e2e/syntax-error.test.ts b/packages/plugin-rsc/e2e/syntax-error.test.ts
index a44980d95..000e45267 100644
--- a/packages/plugin-rsc/e2e/syntax-error.test.ts
+++ b/packages/plugin-rsc/e2e/syntax-error.test.ts
@@ -62,9 +62,7 @@ test.describe(() => {
 
       // Set client state to verify preservation after HMR
       await page.getByTestId('client-counter').click()
-      await expect(page.getByTestId('client-counter')).toHaveText(
-        'Client Count: 1',
-      )
+      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
 
       // add syntax error
       const editor = f.createEditor('src/client.tsx')
@@ -86,12 +84,8 @@ test.describe(() => {
       )
       await expect(page.locator('vite-error-overlay')).not.toBeVisible()
       await expect(page.getByTestId('client-syntax-ready')).toBeVisible()
-      await expect(page.getByTestId('client-content')).toHaveText(
-        'client:fixed',
-      )
-      await expect(page.getByTestId('client-counter')).toHaveText(
-        'Client Count: 1',
-      )
+      await expect(page.getByTestId('client-content')).toHaveText('client:fixed')
+      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
     })
   })
 
@@ -107,9 +101,7 @@ test.describe(() => {
 
       // Set client state to verify preservation during server HMR
       await page.getByTestId('client-counter').click()
-      await expect(page.getByTestId('client-counter')).toHaveText(
-        'Client Count: 1',
-      )
+      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
 
       // add syntax error
       const editor = f.createEditor('src/root.tsx')
@@ -130,12 +122,8 @@ test.describe(() => {
         ),
       )
       await expect(page.locator('vite-error-overlay')).not.toBeVisible()
-      await expect(page.getByTestId('server-content')).toHaveText(
-        'server:fixed',
-      )
-      await expect(page.getByTestId('client-counter')).toHaveText(
-        'Client Count: 1',
-      )
+      await expect(page.getByTestId('server-content')).toHaveText('server:fixed')
+      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
     })
   })
 
@@ -164,9 +152,7 @@ test.describe(() => {
       )
       await expect(async () => {
         await page.goto(f.url())
-        await expect(page.getByTestId('client-content')).toHaveText(
-          'client:fixed',
-        )
+        await expect(page.getByTestId('client-content')).toHaveText('client:fixed')
       }).toPass()
       await waitForHydration(page)
     })
@@ -197,9 +183,7 @@ test.describe(() => {
       )
       await expect(async () => {
         await page.goto(f.url())
-        await expect(page.getByTestId('server-content')).toHaveText(
-          'server:fixed',
-        )
+        await expect(page.getByTestId('server-content')).toHaveText('server:fixed')
       }).toPass()
       await waitForHydration(page)
     })
diff --git a/packages/plugin-rsc/e2e/validate-imports.test.ts b/packages/plugin-rsc/e2e/validate-imports.test.ts
index e87bcb536..22b5a1ffd 100644
--- a/packages/plugin-rsc/e2e/validate-imports.test.ts
+++ b/packages/plugin-rsc/e2e/validate-imports.test.ts
@@ -104,9 +104,7 @@ test.describe('validate imports', () => {
       })
       // assertion is adjusted for rolldown-vite
       expect(result.stderr).toContain(`rsc:validate-imports`)
-      expect(result.stderr).toContain(
-        `'server-only' cannot be imported in client build`,
-      )
+      expect(result.stderr).toContain(`'server-only' cannot be imported in client build`)
       expect(result.exitCode).not.toBe(0)
     })
   })
@@ -154,9 +152,7 @@ test.describe('validate imports', () => {
         nodeOptions: { cwd: root },
       })
       expect(result.stderr).toContain(`rsc:validate-imports`)
-      expect(result.stderr).toContain(
-        `'client-only' cannot be imported in server build`,
-      )
+      expect(result.stderr).toContain(`'client-only' cannot be imported in server build`)
       expect(result.exitCode).not.toBe(0)
     })
   })
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
index a3efb611e..5648d0ecd 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
@@ -95,9 +95,10 @@ async function handleRequest({
   // The plugin provides `loadModule` helper to allow loading SSR environment entry module
   // in RSC environment. however this can be customized by implementing own runtime communication
   // e.g. `@cloudflare/vite-plugin`'s service binding.
-  const ssrEntryModule = await import.meta.viteRsc.loadModule<
-    typeof import('./entry.ssr.tsx')
-  >('ssr', 'index')
+  const ssrEntryModule = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr.tsx')>(
+    'ssr',
+    'index',
+  )
   const ssrResult = await ssrEntryModule.renderHTML(rscStream, {
     formState,
     nonce,
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
index ab4df6ea7..09b1b8608 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
@@ -28,15 +28,12 @@ export async function renderHTML(
   }
 
   // render html (traditional SSR)
-  const bootstrapScriptContent =
-    await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
   try {
     htmlStream = await renderToReadableStream(<SsrRoot />, {
-      bootstrapScriptContent: options?.debugNojs
-        ? undefined
-        : bootstrapScriptContent,
+      bootstrapScriptContent: options?.debugNojs ? undefined : bootstrapScriptContent,
       nonce: options?.nonce,
       formState: options?.formState,
     })
@@ -52,8 +49,7 @@ export async function renderHTML(
       </html>,
       {
         bootstrapScriptContent:
-          `self.__NO_HYDRATE=1;` +
-          (options?.debugNojs ? '' : bootstrapScriptContent),
+          `self.__NO_HYDRATE=1;` + (options?.debugNojs ? '' : bootstrapScriptContent),
         nonce: options?.nonce,
       },
     )
diff --git a/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx
index 3857cb428..7536401fe 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx
@@ -4,11 +4,7 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return (
-    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
-      {props.children}
-    </ErrorBoundary>
-  )
+  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -66,9 +62,7 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <div>Caught an unexpected error</div>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error
-            ? props.error.message
-            : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx b/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx
index a25e56c6c..2f79bade3 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx
@@ -12,10 +12,7 @@ import {
 // https://github.com/vercel/next.js/blob/09a2167b0a970757606b7f91ff2d470f77f13f8c/packages/next/src/server/use-cache/use-cache-wrapper.ts
 
 const cachedFnMap = new WeakMap<Function, unknown>()
-const cachedFnCacheEntries = new WeakMap<
-  Function,
-  Record<string, Promise<StreamCacher>>
->()
+const cachedFnCacheEntries = new WeakMap<Function, Record<string, Promise<StreamCacher>>>()
 
 export default function cacheWrapper(fn: (...args: any[]) => Promise<unknown>) {
   if (cachedFnMap.has(fn)) {
@@ -92,9 +89,6 @@ async function replyToCacheKey(reply: string | FormData) {
   if (typeof reply === 'string') {
     return reply
   }
-  const buffer = await crypto.subtle.digest(
-    'SHA-256',
-    await new Response(reply).arrayBuffer(),
-  )
+  const buffer = await crypto.subtle.digest('SHA-256', await new Response(reply).arrayBuffer())
   return btoa(String.fromCharCode(...new Uint8Array(buffer)))
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx
index 1b1675c3a..036f65179 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx
@@ -2,9 +2,7 @@
 
 import React from 'react'
 
-export function TestServerActionBindClientForm(props: {
-  action: () => Promise<React.ReactNode>
-}) {
+export function TestServerActionBindClientForm(props: { action: () => Promise<React.ReactNode> }) {
   const [result, formAction] = React.useActionState(props.action, '[?]')
 
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx
index 2de0f294a..4066f1688 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx
@@ -34,9 +34,7 @@ export function TestServerActionBindSimple() {
     >
       <input type="hidden" name="value" value={outerValue} />
       <button type="submit">test-server-action-bind-simple</button>
-      <span data-testid="test-server-action-bind-simple">
-        {testServerActionBindSimpleState}
-      </span>
+      <span data-testid="test-server-action-bind-simple">{testServerActionBindSimpleState}</span>
     </form>
   )
 }
@@ -52,12 +50,7 @@ export function TestServerActionBindClient() {
     return client
   }
 
-  return (
-    <TestServerActionBindClientForm
-      key={testServerActionBindClientState}
-      action={action}
-    />
-  )
+  return <TestServerActionBindClientForm key={testServerActionBindClientState} action={action} />
 }
 
 let testServerActionBindActionState = '[?]'
@@ -88,9 +81,7 @@ export function TestServerActionBindAction() {
     >
       <input type="hidden" name="value" value="ok" />
       <button type="submit">test-server-action-bind-action</button>
-      <span data-testid="test-server-action-bind-action">
-        {testServerActionBindActionState}
-      </span>
+      <span data-testid="test-server-action-bind-action">{testServerActionBindActionState}</span>
     </form>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
index 8f0bc2368..d46c3777e 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
@@ -17,9 +17,7 @@ export function TestUseActionState() {
 
   return (
     <form action={formAction}>
-      <button data-testid="use-action-state">
-        test-useActionState: {state}
-      </button>
+      <button data-testid="use-action-state">test-useActionState: {state}</button>
     </form>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx
index 5c6b6e682..5b78d7579 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx
@@ -5,10 +5,7 @@ import React from 'react'
 export function TestActionStateClient(props: {
   action: (prev: React.ReactNode) => Promise<React.ReactNode>
 }) {
-  const [state, formAction, isPending] = React.useActionState(
-    props.action,
-    null,
-  )
+  const [state, formAction, isPending] = React.useActionState(props.action, null)
 
   return (
     <form data-testid="use-action-state-jsx" action={formAction}>
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx
index 6bb0646fc..7f0d259d4 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx
@@ -1,8 +1,4 @@
-import {
-  changeServerCounter,
-  getServerCounter,
-  resetServerCounter,
-} from './action'
+import { changeServerCounter, getServerCounter, resetServerCounter } from './action'
 
 export function ServerCounter() {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx
index 14d14c63c..826adfe9f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx
@@ -7,12 +7,7 @@ export function TestAssetsClient() {
   return (
     <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
       <span>test-assets-client</span>
-      <img
-        src={svg}
-        data-testid="test-assets-client-import"
-        width="20"
-        height="20"
-      />
+      <img src={svg} data-testid="test-assets-client-import" width="20" height="20" />
       <span className="test-assets-client-css" />
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx
index 1feddf7be..8b5a73425 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx
@@ -7,12 +7,7 @@ export function TestAssetsServer() {
     <>
       <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
         <span>test-assets-server</span>
-        <img
-          src={svg}
-          data-testid="test-assets-server-import"
-          width="20"
-          height="20"
-        />
+        <img src={svg} data-testid="test-assets-server-import" width="20" height="20" />
         <span className="test-assets-server-css" />
       </div>
       <TestAssetsClient />
diff --git a/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx
index 21c76d2b6..df874cd91 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx
@@ -2,9 +2,7 @@
 
 import * as React from 'react'
 
-const BrowserDep = (
-  import.meta.env.SSR ? undefined : React.lazy(() => import('./browser-dep'))
-)!
+const BrowserDep = (import.meta.env.SSR ? undefined : React.lazy(() => import('./browser-dep')))!
 
 export function TestBrowserOnly() {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx
index 2e2830532..f2ddebc2b 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx
@@ -1,12 +1,6 @@
-import {
-  TestClientChunk1,
-  TestClientChunkConflict as TestClientChunkConflict1,
-} from './client1'
+import { TestClientChunk1, TestClientChunkConflict as TestClientChunkConflict1 } from './client1'
 import { TestClientChunk2 } from './client2'
-import {
-  TestClientChunk3,
-  TestClientChunkConflict as TestClientChunkConflict3,
-} from './client3'
+import { TestClientChunk3, TestClientChunkConflict as TestClientChunkConflict3 } from './client3'
 
 export function TestClientChunkServer() {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/client.tsx
index 237ff422f..5ff344cec 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/client.tsx
@@ -4,11 +4,7 @@ import React from 'react'
 
 export function ClientCounter(): React.ReactElement {
   const [count, setCount] = React.useState(0)
-  return (
-    <button onClick={() => setCount((c) => c + 1)}>
-      client-counter: {count}
-    </button>
-  )
+  return <button onClick={() => setCount((c) => c + 1)}>client-counter: {count}</button>
 }
 
 const noop = () => () => {}
diff --git a/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx
index 49ed52ee1..3c2856db5 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx
@@ -6,11 +6,7 @@ import { TestCssQueriesClient } from './client'
 export function TestCssQueries() {
   return (
     <div>
-      <TestCssQueriesClient
-        serverUrl={cssUrl}
-        serverInline={cssInline}
-        serverRaw={cssRaw}
-      />
+      <TestCssQueriesClient serverUrl={cssUrl} serverInline={cssInline} serverRaw={cssRaw} />
       <span className="test-css-url-server">test-css-url-server</span>
       <span>|</span>
       <span className="test-css-inline-server">test-css-inline-server</span>
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
index 3c2500fbe..87864634f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
@@ -8,16 +8,12 @@ export function TestHmrClientDep(props: { url: Pick<URL, 'search'> }) {
   return (
     <div>
       <span data-testid="test-hmr-client-dep">
-        <button onClick={() => setCount((c) => c + 1)}>
-          test-hmr-client-dep: {count}
-        </button>
+        <button onClick={() => setCount((c) => c + 1)}>test-hmr-client-dep: {count}</button>
         <ClientDep />
       </span>{' '}
       <a href="?test-hmr-client-dep-re-render">
         re-render
-        {props.url.search.includes('test-hmr-client-dep-re-render')
-          ? ' [ok]'
-          : ''}
+        {props.url.search.includes('test-hmr-client-dep-re-render') ? ' [ok]' : ''}
       </a>
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
index 8bee6cdbc..903dc1343 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
@@ -8,16 +8,12 @@ export function TestHmrClientDep2(props: { url: Pick<URL, 'search'> }) {
   return (
     <div>
       <span data-testid="test-hmr-client-dep2">
-        <button onClick={() => setCount((c) => c + 1)}>
-          test-hmr-client-dep2: {count}
-        </button>
+        <button onClick={() => setCount((c) => c + 1)}>test-hmr-client-dep2: {count}</button>
         {clientDep()}
       </span>{' '}
       <a href="?test-hmr-client-dep2-re-render">
         re-render
-        {props.url.search.includes('test-hmr-client-dep2-re-render')
-          ? ' [ok]'
-          : ''}
+        {props.url.search.includes('test-hmr-client-dep2-re-render') ? ' [ok]' : ''}
       </a>
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
index c4154575c..a200ce1ed 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
@@ -9,9 +9,7 @@ export function TestHmrClientDepA() {
   return (
     <>
       <span data-testid="test-hmr-client-dep3">
-        <button onClick={() => setCount((c) => c + 1)}>
-          test-hmr-client-dep3: {count}
-        </button>
+        <button onClick={() => setCount((c) => c + 1)}>test-hmr-client-dep3: {count}</button>
         {clientDep()}
         <ClientDepComp />
       </span>
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
index 76dcff0b2..87202d6ff 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
@@ -3,17 +3,11 @@
 import React from 'react'
 import { testShared } from './shared'
 
-export function TestClient({
-  testSharedFromServer,
-}: {
-  testSharedFromServer: string
-}) {
+export function TestClient({ testSharedFromServer }: { testSharedFromServer: string }) {
   React.useEffect(() => {
     if (testShared !== testSharedFromServer) {
       console.log({ testShared, testSharedFromServer })
-      throw new Error(
-        `Mismatch: ${JSON.stringify({ testShared, testSharedFromServer })}`,
-      )
+      throw new Error(`Mismatch: ${JSON.stringify({ testShared, testSharedFromServer })}`)
     }
   }, [testShared, testSharedFromServer])
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx
index ef7497222..158e3077d 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx
@@ -6,8 +6,7 @@ import { testHmrSharedObject } from './shared2'
 export function TestHmrSharedClient() {
   return (
     <div data-testid="test-hmr-shared-client">
-      test-hmr-shared-client: (<TestHmrSharedComponent />,{' '}
-      {testHmrSharedObject.value})
+      test-hmr-shared-client: (<TestHmrSharedComponent />, {testHmrSharedObject.value})
     </div>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx
index f53a1037a..dfcbed005 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx
@@ -4,8 +4,7 @@ import { testHmrSharedObject } from './shared2'
 export function TestHmrSharedServer() {
   return (
     <div data-testid="test-hmr-shared-server">
-      test-hmr-shared-server: (<TestHmrSharedComponent />,{' '}
-      {testHmrSharedObject.value})
+      test-hmr-shared-server: (<TestHmrSharedComponent />, {testHmrSharedObject.value})
     </div>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx
index b16d51be7..56c67699a 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx
@@ -5,11 +5,7 @@ export function TestHydrationMismatch(props: { url: URL }) {
   return (
     <div>
       <span>test-hydration-mismatch</span>{' '}
-      {show ? (
-        <a href="?">hide</a>
-      ) : (
-        <a href="?test-hydration-mismatch">show</a>
-      )}{' '}
+      {show ? <a href="?">hide</a> : <a href="?test-hydration-mismatch">show</a>}{' '}
       {show && <Mismatch />}
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx
index 788de21f6..8672b035f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx
@@ -1,11 +1,6 @@
 'use client'
 
-export function TestPayloadClient(props: {
-  test1?: any
-  test2?: any
-  test3?: any
-  test4?: any
-}) {
+export function TestPayloadClient(props: { test1?: any; test2?: any; test3?: any; test4?: any }) {
   const results = {
     test1: props.test1 === '🙂',
     test2: props.test2 === "<script>throw new Error('boom')</script>",
diff --git a/packages/plugin-rsc/examples/basic/src/routes/root.tsx b/packages/plugin-rsc/examples/basic/src/routes/root.tsx
index 2200c2762..1a52d1af2 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/root.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/root.tsx
@@ -6,10 +6,7 @@ import {
   TestServerActionBindSimple,
 } from './action-bind/server'
 import { TestServerActionError } from './action-error/server'
-import {
-  TestActionFromClient,
-  TestUseActionState,
-} from './action-from-client/client'
+import { TestActionFromClient, TestUseActionState } from './action-from-client/client'
 import { TestActionStateServer } from './action-state/server'
 import { ServerCounter } from './action/server'
 import { ClientCounter, Hydrated } from './client'
diff --git a/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
index ffb7b9699..d62cd266a 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
@@ -1,7 +1,4 @@
-import {
-  createFromReadableStream,
-  renderToReadableStream,
-} from '@vitejs/plugin-rsc/rsc'
+import { createFromReadableStream, renderToReadableStream } from '@vitejs/plugin-rsc/rsc'
 import { testSerializationAction } from './action'
 import { TestSerializationClient } from './client'
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx
index 8e0f7304f..9d680feb0 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx
@@ -3,8 +3,8 @@ import { TestClient } from './client'
 export function TestCssClientNoSsr(props: { url: URL }) {
   return (
     <div>
-      <span>test-client-style-no-ssr</span>{' '}
-      <a href="?test-client-style-no-ssr">show</a> <a href="?">hide</a>{' '}
+      <span>test-client-style-no-ssr</span> <a href="?test-client-style-no-ssr">show</a>{' '}
+      <a href="?">hide</a>{' '}
       {props.url.searchParams.has('test-client-style-no-ssr') && <TestClient />}
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx
index 53a7c1289..ba3966e00 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx
@@ -14,11 +14,7 @@ export function TestStyleClient() {
         test-css-module-client
       </div>
       <span>|</span>
-      <link
-        rel="stylesheet"
-        href={styleUrl}
-        precedence="test-style-manual-link"
-      />
+      <link rel="stylesheet" href={styleUrl} precedence="test-style-manual-link" />
       <div className="test-style-url-client">test-style-url-client</div>
       <span>|</span>
       <TestClientDep />
diff --git a/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx
index a7132153c..1c6b611a9 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx
@@ -11,11 +11,7 @@ export function TestStyleServer() {
         test-css-module-server
       </div>
       <span>|</span>
-      <link
-        rel="stylesheet"
-        href={styleUrl}
-        precedence="test-style-manual-link"
-      />
+      <link rel="stylesheet" href={styleUrl} precedence="test-style-manual-link" />
       <div className="test-style-url-server">test-style-url-server</div>
       <span>|</span>
       <link
diff --git a/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx
index 9c5e09f4c..3406686aa 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx
@@ -60,9 +60,7 @@ async function TestComponent(props: { children?: React.ReactNode }) {
       <span data-testid="test-use-cache-component-static">
         (static: {new Date().toISOString()})
       </span>{' '}
-      <span data-testid="test-use-cache-component-dynamic">
-        (dynamic: {props.children})
-      </span>
+      <span data-testid="test-use-cache-component-dynamic">(dynamic: {props.children})</span>
     </div>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js
index 8a09b673a..bbe5e3cb4 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js
@@ -5,11 +5,7 @@ import React from 'react'
 const testContext = React.createContext()
 
 export function TestContextProvider(props) {
-  return React.createElement(
-    testContext.Provider,
-    { value: props.value },
-    props.children,
-  )
+  return React.createElement(testContext.Provider, { value: props.value }, props.children)
 }
 
 export function TestContextValue() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
index 323d0e03f..923add6b8 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
@@ -2,9 +2,5 @@ import React from 'react'
 import { TestContextProvider } from './client.js'
 
 export function TestContextProviderInServer(props) {
-  return React.createElement(
-    TestContextProvider,
-    { value: props.value },
-    props.children,
-  )
+  return React.createElement(TestContextProvider, { value: props.value }, props.children)
 }
diff --git a/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js b/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
index 4fefceb50..e293e3479 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
@@ -4,9 +4,5 @@ import './server.css'
 const h = React.createElement
 
 export default function TestDepCssInServer() {
-  return h(
-    'div',
-    { className: 'test-dep-css-in-server' },
-    `test-dep-css-in-server`,
-  )
+  return h('div', { className: 'test-dep-css-in-server' }, `test-dep-css-in-server`)
 }
diff --git a/packages/plugin-rsc/examples/basic/vite.config.ts b/packages/plugin-rsc/examples/basic/vite.config.ts
index 79db2e536..622b9c6ad 100644
--- a/packages/plugin-rsc/examples/basic/vite.config.ts
+++ b/packages/plugin-rsc/examples/basic/vite.config.ts
@@ -3,13 +3,7 @@ import rsc from '@vitejs/plugin-rsc'
 import { transformHoistInlineDirective } from '@vitejs/plugin-rsc/transforms'
 import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react'
-import {
-  type Plugin,
-  type Rollup,
-  defineConfig,
-  normalizePath,
-  parseAstAsync,
-} from 'vite'
+import { type Plugin, type Rollup, defineConfig, normalizePath, parseAstAsync } from 'vite'
 import path from 'node:path'
 import fs from 'node:fs'
 import { fileURLToPath } from 'node:url'
@@ -29,8 +23,7 @@ export default defineConfig({
       },
       // disable auto css injection to manually test `loadCss` feature.
       rscCssTransform: false,
-      copyServerAssetsToClient: (fileName) =>
-        fileName !== '__server_secret.txt',
+      copyServerAssetsToClient: (fileName) => fileName !== '__server_secret.txt',
       clientChunks(meta) {
         if (process.env.TEST_CUSTOM_CLIENT_CHUNKS) {
           if (meta.id.includes('/src/routes/chunk/')) {
@@ -92,15 +85,11 @@ export default defineConfig({
         assert(typeof viteManifest.source === 'string')
         if (this.environment.name === 'rsc') {
           assert(viteManifest.source.includes('src/framework/entry.rsc.tsx'))
-          assert(
-            !viteManifest.source.includes('src/framework/entry.browser.tsx'),
-          )
+          assert(!viteManifest.source.includes('src/framework/entry.browser.tsx'))
         }
         if (this.environment.name === 'client') {
           assert(!viteManifest.source.includes('src/framework/entry.rsc.tsx'))
-          assert(
-            viteManifest.source.includes('src/framework/entry.browser.tsx'),
-          )
+          assert(viteManifest.source.includes('src/framework/entry.browser.tsx'))
         }
       },
     },
@@ -110,9 +99,7 @@ export default defineConfig({
         const moduleIds = Object.values(bundle).flatMap((c) =>
           c.type === 'chunk' ? [...c.moduleIds] : [],
         )
-        const browserId = normalizePath(
-          path.resolve('src/routes/browser-only/browser-dep.tsx'),
-        )
+        const browserId = normalizePath(path.resolve('src/routes/browser-only/browser-dep.tsx'))
         if (this.environment.name === 'client') {
           assert(moduleIds.includes(browserId))
         }
@@ -129,9 +116,7 @@ export default defineConfig({
           normalizePath(fileURLToPath(import.meta.resolve(source)))
 
         // TODO: this package entry isn't a public API.
-        const reactServerDom = resolvePackageSource(
-          '@vitejs/plugin-rsc/react/browser',
-        )
+        const reactServerDom = resolvePackageSource('@vitejs/plugin-rsc/react/browser')
 
         return {
           environments: {
@@ -180,9 +165,7 @@ export default defineConfig({
           assert.equal(libChunks['lib-react'].length, 1)
           assert.deepEqual(
             // https://rolldown.rs/guide/in-depth/advanced-chunks#why-there-s-always-a-runtime-js-chunk
-            libChunks['lib-react'][0].imports.filter(
-              (f) => !f.includes('rolldown-runtime'),
-            ),
+            libChunks['lib-react'][0].imports.filter((f) => !f.includes('rolldown-runtime')),
             [],
           )
           assert.deepEqual(libChunks['lib-react'][0].dynamicImports, [])
@@ -245,10 +228,7 @@ export default { fetch: handler };
   environments: {
     client: {
       optimizeDeps: {
-        entries: [
-          './src/routes/**/client.tsx',
-          './src/framework/entry.browser.tsx',
-        ],
+        entries: ['./src/routes/**/client.tsx', './src/framework/entry.browser.tsx'],
         exclude: [
           '@vitejs/test-dep-client-in-server/client',
           '@vitejs/test-dep-client-in-server2/client',
@@ -323,9 +303,7 @@ function vitePluginUseCache(): Plugin[] {
           noExport: true,
         })
         if (!result.output.hasChanged()) return
-        result.output.prepend(
-          `import __vite_rsc_cache from "/src/framework/use-cache-runtime";`,
-        )
+        result.output.prepend(`import __vite_rsc_cache from "/src/framework/use-cache-runtime";`)
         return {
           code: result.output.toString(),
           map: result.output.generateMap({ hires: 'boundary' }),
diff --git a/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx b/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx
index 1b1675c3a..036f65179 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx
@@ -2,9 +2,7 @@
 
 import React from 'react'
 
-export function TestServerActionBindClientForm(props: {
-  action: () => Promise<React.ReactNode>
-}) {
+export function TestServerActionBindClientForm(props: { action: () => Promise<React.ReactNode> }) {
   const [result, formAction] = React.useActionState(props.action, '[?]')
 
   return (
diff --git a/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx b/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx
index dda9ee2ed..ecc38a87b 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx
@@ -45,9 +45,7 @@ export function TestServerActionBindSimple() {
     >
       <input type="hidden" name="value" value={outerValue} />
       <button type="submit">test-server-action-bind-simple</button>
-      <span data-testid="test-server-action-bind-simple">
-        {testServerActionBindSimpleState}
-      </span>
+      <span data-testid="test-server-action-bind-simple">{testServerActionBindSimpleState}</span>
     </form>
   )
 }
@@ -63,12 +61,7 @@ export function TestServerActionBindClient() {
     return client
   }
 
-  return (
-    <TestServerActionBindClientForm
-      key={testServerActionBindClientState}
-      action={action}
-    />
-  )
+  return <TestServerActionBindClientForm key={testServerActionBindClientState} action={action} />
 }
 
 let testServerActionBindActionState = '[?]'
@@ -99,9 +92,7 @@ export function TestServerActionBindAction() {
     >
       <input type="hidden" name="value" value="ok" />
       <button type="submit">test-server-action-bind-action</button>
-      <span data-testid="test-server-action-bind-action">
-        {testServerActionBindActionState}
-      </span>
+      <span data-testid="test-server-action-bind-action">{testServerActionBindActionState}</span>
     </form>
   )
 }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/client.tsx b/packages/plugin-rsc/examples/browser-mode/src/client.tsx
index 29bb5d367..08903291e 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/client.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/client.tsx
@@ -5,9 +5,5 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>
-      Client Counter: {count}
-    </button>
-  )
+  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
 }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx
index 196d6e875..99b432d0a 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx
@@ -1,10 +1,7 @@
 import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 import { createRPCClient } from 'vite-dev-rpc'
 
-const rpcClient = createRPCClient<{ invoke: Function }, {}>(
-  'transport-proxy',
-  import.meta.hot!,
-)
+const rpcClient = createRPCClient<{ invoke: Function }, {}>('transport-proxy', import.meta.hot!)
 
 export default async function loadClient() {
   const runner = new ModuleRunner(
@@ -17,7 +14,5 @@ export default async function loadClient() {
     },
     new ESModulesEvaluator(),
   )
-  return await runner.import<typeof import('./entry.browser')>(
-    '/src/framework/entry.browser.tsx',
-  )
+  return await runner.import<typeof import('./entry.browser')>('/src/framework/entry.browser.tsx')
 }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/root.tsx b/packages/plugin-rsc/examples/browser-mode/src/root.tsx
index e8d912527..b4cbcf333 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/root.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/root.tsx
@@ -17,10 +17,7 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a
-          href="https://react.dev/reference/rsc/server-components"
-          target="_blank"
-        >
+        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/browser-mode/vite.config.ts b/packages/plugin-rsc/examples/browser-mode/vite.config.ts
index 2a1f9de8f..ee125ea28 100644
--- a/packages/plugin-rsc/examples/browser-mode/vite.config.ts
+++ b/packages/plugin-rsc/examples/browser-mode/vite.config.ts
@@ -1,9 +1,5 @@
 import { defaultClientConditions, defineConfig, type Plugin } from 'vite'
-import {
-  vitePluginRscMinimal,
-  getPluginApi,
-  type PluginApi,
-} from '@vitejs/plugin-rsc/plugin'
+import { vitePluginRscMinimal, getPluginApi, type PluginApi } from '@vitejs/plugin-rsc/plugin'
 import { createRPCServer } from 'vite-dev-rpc'
 
 export default defineConfig({
@@ -35,9 +31,7 @@ function rscBrowserModePlugin(): Plugin[] {
       config(userConfig, env) {
         return {
           define: {
-            'import.meta.env.__vite_rsc_build__': JSON.stringify(
-              env.command === 'build',
-            ),
+            'import.meta.env.__vite_rsc_build__': JSON.stringify(env.command === 'build'),
           },
           environments: {
             client: {
@@ -103,8 +97,7 @@ function rscBrowserModePlugin(): Plugin[] {
               onwarn(warning, defaultHandler) {
                 if (
                   warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-                  (warning.message.includes('use client') ||
-                    warning.message.includes('use server'))
+                  (warning.message.includes('use client') || warning.message.includes('use server'))
                 ) {
                   return
                 }
@@ -131,8 +124,7 @@ function rscBrowserModePlugin(): Plugin[] {
       },
       configureServer(server) {
         createRPCServer('transport-proxy', server.ws, {
-          invoke: (payload: any) =>
-            server.environments.react_client.hot.handleInvoke(payload),
+          invoke: (payload: any) => server.environments.react_client.hot.handleInvoke(payload),
         })
       },
       hotUpdate(ctx) {
@@ -180,9 +172,7 @@ function rscBrowserModePlugin(): Plugin[] {
     {
       name: 'rsc-browser-mode:build-client-references',
       resolveId(source) {
-        if (
-          source === 'virtual:vite-rsc-browser-mode/build-client-references'
-        ) {
+        if (source === 'virtual:vite-rsc-browser-mode/build-client-references') {
           return '\0' + source
         }
       },
@@ -202,9 +192,7 @@ function rscBrowserModePlugin(): Plugin[] {
     {
       name: 'rsc-browser-mode:build-server-references',
       resolveId(source) {
-        if (
-          source === 'virtual:vite-rsc-browser-mode/build-server-references'
-        ) {
+        if (source === 'virtual:vite-rsc-browser-mode/build-server-references') {
           return '\0' + source
         }
       },
diff --git a/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts b/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts
index 688b361ee..ddab6999d 100644
--- a/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts
+++ b/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts
@@ -1,10 +1,7 @@
 import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 import { createRPCClient } from 'vite-dev-rpc'
 
-const rpcClient = createRPCClient<{ invoke: Function }, {}>(
-  'rsc:transport-proxy',
-  import.meta.hot!,
-)
+const rpcClient = createRPCClient<{ invoke: Function }, {}>('rsc:transport-proxy', import.meta.hot!)
 
 const runner = new ModuleRunner(
   {
diff --git a/packages/plugin-rsc/examples/browser/lib/plugin.ts b/packages/plugin-rsc/examples/browser/lib/plugin.ts
index 84a060918..cb4850920 100644
--- a/packages/plugin-rsc/examples/browser/lib/plugin.ts
+++ b/packages/plugin-rsc/examples/browser/lib/plugin.ts
@@ -39,9 +39,7 @@ export default function vitePluginRscBrowser(): Plugin[] {
       },
       configResolved(config) {
         // avoid globalThis.AsyncLocalStorage injection in browser mode
-        const plugin = config.plugins.find(
-          (p) => p.name === 'rsc:inject-async-local-storage',
-        )
+        const plugin = config.plugins.find((p) => p.name === 'rsc:inject-async-local-storage')
         delete plugin!.transform
       },
       buildApp: {
@@ -53,8 +51,7 @@ export default function vitePluginRscBrowser(): Plugin[] {
       },
       configureServer(server) {
         createRPCServer('rsc:transport-proxy', server.ws, {
-          invoke: (payload: any) =>
-            server.environments.rsc.hot.handleInvoke(payload),
+          invoke: (payload: any) => server.environments.rsc.hot.handleInvoke(payload),
         })
       },
     },
@@ -73,18 +70,11 @@ export default function vitePluginRscBrowser(): Plugin[] {
           const config = this.environment.getTopLevelConfig()
           const replacement = normalizeRelativePath(
             path.relative(
-              path.join(
-                config.environments.client.build.outDir,
-                chunk.fileName,
-                '..',
-              ),
+              path.join(config.environments.client.build.outDir, chunk.fileName, '..'),
               path.join(config.environments.rsc.build.outDir, 'index.js'),
             ),
           )
-          code = code.replaceAll(
-            'virtual:vite-rsc-browser/load-rsc',
-            () => replacement,
-          )
+          code = code.replaceAll('virtual:vite-rsc-browser/load-rsc', () => replacement)
           return { code }
         }
       },
diff --git a/packages/plugin-rsc/examples/browser/src/client.tsx b/packages/plugin-rsc/examples/browser/src/client.tsx
index 29bb5d367..08903291e 100644
--- a/packages/plugin-rsc/examples/browser/src/client.tsx
+++ b/packages/plugin-rsc/examples/browser/src/client.tsx
@@ -5,9 +5,5 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>
-      Client Counter: {count}
-    </button>
-  )
+  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
 }
diff --git a/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
index 8a7147594..ee6a80d1b 100644
--- a/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
@@ -41,9 +41,7 @@ async function main() {
 
   // re-fetch RSC and trigger re-rendering
   async function fetchRscPayload() {
-    const payload = await createFromFetch<RscPayload>(
-      fetchRsc(new Request(window.location.href)),
-    )
+    const payload = await createFromFetch<RscPayload>(fetchRsc(new Request(window.location.href)))
     setPayload(payload)
   }
 
diff --git a/packages/plugin-rsc/examples/browser/src/root.tsx b/packages/plugin-rsc/examples/browser/src/root.tsx
index 9baa7b9c2..4386e655f 100644
--- a/packages/plugin-rsc/examples/browser/src/root.tsx
+++ b/packages/plugin-rsc/examples/browser/src/root.tsx
@@ -15,10 +15,7 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a
-          href="https://react.dev/reference/rsc/server-components"
-          target="_blank"
-        >
+        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/e2e/middleware-mode.ts b/packages/plugin-rsc/examples/e2e/middleware-mode.ts
index 2b0c38cd4..61de0c9f7 100644
--- a/packages/plugin-rsc/examples/e2e/middleware-mode.ts
+++ b/packages/plugin-rsc/examples/e2e/middleware-mode.ts
@@ -25,9 +25,7 @@ async function main() {
         ignores: false,
       }),
     )
-    const entry = await import(
-      pathToFileURL(path.resolve('dist/rsc/index.js')).href
-    )
+    const entry = await import(pathToFileURL(path.resolve('dist/rsc/index.js')).href)
     app.use(createRequestListener(entry.default))
   } else {
     console.error(`Unknown command: ${command}`)
diff --git a/packages/plugin-rsc/examples/no-ssr/src/client.tsx b/packages/plugin-rsc/examples/no-ssr/src/client.tsx
index 29bb5d367..08903291e 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/client.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/client.tsx
@@ -5,9 +5,5 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>
-      Client Counter: {count}
-    </button>
-  )
+  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
 }
diff --git a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
index 1bd8134ef..e124c528b 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
@@ -13,9 +13,7 @@ async function main() {
   // from outside of `BrowserRoot` component (e.g. server function call, navigation, hmr)
   let setPayload: (v: RscPayload) => void
 
-  const initialPayload = await createFromFetch<RscPayload>(
-    fetch(window.location.href),
-  )
+  const initialPayload = await createFromFetch<RscPayload>(fetch(window.location.href))
 
   // browser root component to (re-)render RSC payload as state
   function BrowserRoot() {
@@ -35,9 +33,7 @@ async function main() {
 
   // re-fetch RSC and trigger re-rendering
   async function fetchRscPayload() {
-    const payload = await createFromFetch<RscPayload>(
-      fetch(window.location.href),
-    )
+    const payload = await createFromFetch<RscPayload>(fetch(window.location.href))
     setPayload(payload)
   }
 
diff --git a/packages/plugin-rsc/examples/no-ssr/src/root.tsx b/packages/plugin-rsc/examples/no-ssr/src/root.tsx
index 9baa7b9c2..4386e655f 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/root.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/root.tsx
@@ -15,10 +15,7 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a
-          href="https://react.dev/reference/rsc/server-components"
-          target="_blank"
-        >
+        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/no-ssr/vite.config.ts b/packages/plugin-rsc/examples/no-ssr/vite.config.ts
index ce349c6e9..fe2e8e7fe 100644
--- a/packages/plugin-rsc/examples/no-ssr/vite.config.ts
+++ b/packages/plugin-rsc/examples/no-ssr/vite.config.ts
@@ -45,10 +45,7 @@ function spaPlugin(): Plugin[] {
           server.middlewares.use(async (req, res, next) => {
             try {
               if (req.headers.accept?.includes('text/html')) {
-                const html = await fsp.readFile(
-                  'dist/client/index.html',
-                  'utf-8',
-                )
+                const html = await fsp.readFile('dist/client/index.html', 'utf-8')
                 res.end(html)
                 return
               }
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/client.tsx b/packages/plugin-rsc/examples/react-router/app/routes/client.tsx
index 679c9938d..c675a13e0 100644
--- a/packages/plugin-rsc/examples/react-router/app/routes/client.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/routes/client.tsx
@@ -12,11 +12,5 @@ export function TestHydrated() {
 }
 
 export function TestClientState() {
-  return (
-    <input
-      className="input py-0"
-      data-testid="client-state"
-      placeholder="client-state"
-    />
-  )
+  return <input className="input py-0" data-testid="client-state" placeholder="client-state" />
 }
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/home.tsx b/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
index fdaf9db31..a0192e078 100644
--- a/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
@@ -11,21 +11,12 @@ const Component = () => {
         <p>This is the home page.</p>
         <span className="test-style-home">[test-style-home]</span>
         <h2>Server Action</h2>
-        <form
-          className="no-prose grid gap-6"
-          action={sayHello.bind(null, 'Demo')}
-        >
+        <form className="no-prose grid gap-6" action={sayHello.bind(null, 'Demo')}>
           <div className="grid gap-1">
             <label className="label" htmlFor="name">
               Name
             </label>
-            <input
-              className="input"
-              id="name"
-              type="text"
-              name="name"
-              placeholder={'Demo'}
-            />
+            <input className="input" id="name" type="text" name="name" placeholder={'Demo'} />
           </div>
           <div>
             <PendingButton />
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx b/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx
index 520dab494..822e633d6 100644
--- a/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx
@@ -5,10 +5,7 @@ import React from 'react'
 export function TestActionStateClient(props: {
   action: (prev: React.ReactNode) => Promise<React.ReactNode>
 }) {
-  const [state, formAction, isPending] = React.useActionState(
-    props.action,
-    null,
-  )
+  const [state, formAction, isPending] = React.useActionState(props.action, null)
 
   return (
     <form data-testid="use-action-state-jsx" action={formAction}>
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx
index 7b30c863c..22031faaf 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx
@@ -6,10 +6,7 @@ import {
 } from '@vitejs/plugin-rsc/browser'
 import { startTransition, StrictMode } from 'react'
 import { hydrateRoot } from 'react-dom/client'
-import {
-  type DataRouter,
-  type unstable_RSCPayload as RSCServerPayload,
-} from 'react-router'
+import { type DataRouter, type unstable_RSCPayload as RSCServerPayload } from 'react-router'
 import {
   unstable_createCallServer as createCallServer,
   unstable_getRSCStream as getRSCStream,
@@ -28,16 +25,12 @@ setServerCallback(
 // Get and decode the initial server payload
 createFromReadableStream<RSCServerPayload>(getRSCStream()).then((payload) => {
   startTransition(async () => {
-    const formState =
-      payload.type === 'render' ? await payload.formState : undefined
+    const formState = payload.type === 'render' ? await payload.formState : undefined
 
     hydrateRoot(
       document,
       <StrictMode>
-        <RSCHydratedRouter
-          createFromReadableStream={createFromReadableStream}
-          payload={payload}
-        />
+        <RSCHydratedRouter createFromReadableStream={createFromReadableStream} payload={payload} />
       </StrictMode>,
       {
         // @ts-expect-error - no types for this yet
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx
index da3895388..4162da2f2 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx
@@ -2,9 +2,7 @@ import { fetchServer } from './entry.rsc'
 
 export default async function handler(request: Request) {
   // Import the generateHTML function from the client environment
-  const ssr = await import.meta.viteRsc.loadModule<
-    typeof import('./entry.ssr')
-  >('ssr', 'index')
+  const ssr = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr')>('ssr', 'index')
 
   return ssr.generateHTML(request, fetchServer)
 }
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx
index c80cde622..1ac73ecde 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx
@@ -19,20 +19,15 @@ export async function generateHTML(
     // Render the router to HTML.
     async renderHTML(getPayload) {
       const payload = await getPayload()
-      const formState =
-        payload.type === 'render' ? await payload.formState : undefined
+      const formState = payload.type === 'render' ? await payload.formState : undefined
 
-      const bootstrapScriptContent =
-        await import.meta.viteRsc.loadBootstrapScriptContent('index')
+      const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
 
-      return await renderHTMLToReadableStream(
-        <RSCStaticRouter getPayload={getPayload} />,
-        {
-          bootstrapScriptContent,
-          // @ts-expect-error - no types for this yet
-          formState,
-        },
-      )
+      return await renderHTMLToReadableStream(<RSCStaticRouter getPayload={getPayload} />, {
+        bootstrapScriptContent,
+        // @ts-expect-error - no types for this yet
+        formState,
+      })
     },
   })
 }
diff --git a/packages/plugin-rsc/examples/ssg/src/counter.tsx b/packages/plugin-rsc/examples/ssg/src/counter.tsx
index 79444524a..b501e11f8 100644
--- a/packages/plugin-rsc/examples/ssg/src/counter.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/counter.tsx
@@ -5,7 +5,5 @@ import React from 'react'
 export function Counter() {
   const [count, setCount] = React.useState(0)
 
-  return (
-    <button onClick={() => setCount((c) => c + 1)}>Count is {count}</button>
-  )
+  return <button onClick={() => setCount((c) => c + 1)}>Count is {count}</button>
 }
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
index e8e462968..bb98b2e1b 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
@@ -1,7 +1,4 @@
-import {
-  createFromFetch,
-  createFromReadableStream,
-} from '@vitejs/plugin-rsc/browser'
+import { createFromFetch, createFromReadableStream } from '@vitejs/plugin-rsc/browser'
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
index 9a62529a1..e742bf2b0 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
@@ -20,9 +20,7 @@ export default async function handler(request: Request): Promise<Response> {
     })
   }
 
-  const ssr = await import.meta.viteRsc.loadModule<
-    typeof import('./entry.ssr')
-  >('ssr', 'index')
+  const ssr = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr')>('ssr', 'index')
   const ssrResult = await ssr.renderHtml(rscStream)
 
   return new Response(ssrResult.stream, {
@@ -43,9 +41,7 @@ export async function handleSsg(request: Request): Promise<{
   const rscStream = renderToReadableStream<RscPayload>(rscPayload)
   const [rscStream1, rscStream2] = rscStream.tee()
 
-  const ssr = await import.meta.viteRsc.loadModule<
-    typeof import('./entry.ssr')
-  >('ssr', 'index')
+  const ssr = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr')>('ssr', 'index')
   const ssrResult = await ssr.renderHtml(rscStream1, {
     ssg: true,
   })
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
index 04995bb35..3ab58f473 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
@@ -19,8 +19,7 @@ export async function renderHtml(
     const root = React.use(payload).root
     return root
   }
-  const bootstrapScriptContent =
-    await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
 
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
@@ -47,8 +46,7 @@ export async function renderHtml(
           </body>
         </html>,
         {
-          bootstrapScriptContent:
-            `self.__NO_HYDRATE=1;` + bootstrapScriptContent,
+          bootstrapScriptContent: `self.__NO_HYDRATE=1;` + bootstrapScriptContent,
         },
       )
     }
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx
index 3857cb428..7536401fe 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx
@@ -4,11 +4,7 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return (
-    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
-      {props.children}
-    </ErrorBoundary>
-  )
+  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -66,9 +62,7 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <div>Caught an unexpected error</div>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error
-            ? props.error.message
-            : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/ssg/src/root.tsx b/packages/plugin-rsc/examples/ssg/src/root.tsx
index cb3ecb122..f90339437 100644
--- a/packages/plugin-rsc/examples/ssg/src/root.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/root.tsx
@@ -3,10 +3,7 @@ import { Counter } from './counter'
 async function getPosts() {
   let glob = import.meta.glob('./posts/*.mdx', { eager: true })
   glob = Object.fromEntries(
-    Object.entries(glob).map(([k, v]) => [
-      k.slice('./posts'.length, -'.mdx'.length),
-      v,
-    ]),
+    Object.entries(glob).map(([k, v]) => [k.slice('./posts'.length, -'.mdx'.length), v]),
   )
   return glob
 }
@@ -57,9 +54,7 @@ export async function Root({ url }: { url: URL }) {
             <a href="/">RSC + MDX + SSG</a>
           </h1>
           <Counter />
-          <span data-testid="timestamp">
-            Rendered at {new Date().toISOString()}
-          </span>
+          <span data-testid="timestamp">Rendered at {new Date().toISOString()}</span>
         </header>
         <main>
           <RootContent />
diff --git a/packages/plugin-rsc/examples/ssg/vite.config.ts b/packages/plugin-rsc/examples/ssg/vite.config.ts
index abb2fcc73..7c9441bfe 100644
--- a/packages/plugin-rsc/examples/ssg/vite.config.ts
+++ b/packages/plugin-rsc/examples/ssg/vite.config.ts
@@ -65,10 +65,7 @@ async function renderStatic(config: ResolvedConfig) {
     const { html, rsc } = await entry.handleSsg(
       new Request(new URL(staticPatch, 'http://ssg.local')),
     )
-    await writeFileStream(
-      path.join(baseDir, normalizeHtmlFilePath(staticPatch)),
-      html,
-    )
+    await writeFileStream(path.join(baseDir, normalizeHtmlFilePath(staticPatch)), html)
     await writeFileStream(path.join(baseDir, staticPatch + RSC_POSTFIX), rsc)
   }
 }
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx
index 29bb5d367..08903291e 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx
@@ -5,9 +5,5 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>
-      Client Counter: {count}
-    </button>
-  )
+  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
 }
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
index d65ca9a27..89436d418 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
@@ -79,9 +79,10 @@ async function handler(request: Request): Promise<Response> {
     })
   }
 
-  const { renderHTML } = await import.meta.viteRsc.loadModule<
-    typeof import('./entry.ssr.tsx')
-  >('ssr', 'index')
+  const { renderHTML } = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr.tsx')>(
+    'ssr',
+    'index',
+  )
   const ssrResult = await renderHTML(rscStream, {
     formState,
     // allow quick simulation of javascript disabled browser
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
index 8a3ae177d..702d0d193 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
@@ -30,15 +30,12 @@ export async function renderHTML(
   }
 
   // render html (traditional SSR)
-  const bootstrapScriptContent =
-    await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
   try {
     htmlStream = await renderToReadableStream(<SsrRoot />, {
-      bootstrapScriptContent: options?.debugNojs
-        ? undefined
-        : bootstrapScriptContent,
+      bootstrapScriptContent: options?.debugNojs ? undefined : bootstrapScriptContent,
       nonce: options?.nonce,
       formState: options?.formState,
     })
@@ -54,8 +51,7 @@ export async function renderHTML(
       </html>,
       {
         bootstrapScriptContent:
-          `self.__NO_HYDRATE=1;` +
-          (options?.debugNojs ? '' : bootstrapScriptContent),
+          `self.__NO_HYDRATE=1;` + (options?.debugNojs ? '' : bootstrapScriptContent),
         nonce: options?.nonce,
       },
     )
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx
index 3857cb428..7536401fe 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx
@@ -4,11 +4,7 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return (
-    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
-      {props.children}
-    </ErrorBoundary>
-  )
+  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -66,9 +62,7 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <div>Caught an unexpected error</div>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error
-            ? props.error.message
-            : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
index 694d3fe7d..8a155e034 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
@@ -27,10 +27,7 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a
-          href="https://react.dev/reference/rsc/server-components"
-          target="_blank"
-        >
+        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/starter/src/client.tsx b/packages/plugin-rsc/examples/starter/src/client.tsx
index 29bb5d367..08903291e 100644
--- a/packages/plugin-rsc/examples/starter/src/client.tsx
+++ b/packages/plugin-rsc/examples/starter/src/client.tsx
@@ -5,9 +5,5 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>
-      Client Counter: {count}
-    </button>
-  )
+  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
 }
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
index 909fc66c6..93d74add9 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
@@ -96,9 +96,10 @@ export default async function handler(request: Request): Promise<Response> {
   // The plugin provides `loadModule` helper to allow loading SSR environment entry module
   // in RSC environment. however this can be customized by implementing own runtime communication
   // e.g. `@cloudflare/vite-plugin`'s service binding.
-  const ssrEntryModule = await import.meta.viteRsc.loadModule<
-    typeof import('./entry.ssr.tsx')
-  >('ssr', 'index')
+  const ssrEntryModule = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr.tsx')>(
+    'ssr',
+    'index',
+  )
   const ssrResult = await ssrEntryModule.renderHTML(rscStream, {
     formState,
     // allow quick simulation of javascript disabled browser
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
index 7fc5a9564..b2ee12c34 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
@@ -28,15 +28,12 @@ export async function renderHTML(
   }
 
   // render html (traditional SSR)
-  const bootstrapScriptContent =
-    await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
   try {
     htmlStream = await renderToReadableStream(<SsrRoot />, {
-      bootstrapScriptContent: options?.debugNojs
-        ? undefined
-        : bootstrapScriptContent,
+      bootstrapScriptContent: options?.debugNojs ? undefined : bootstrapScriptContent,
       nonce: options?.nonce,
       formState: options?.formState,
     })
@@ -52,8 +49,7 @@ export async function renderHTML(
       </html>,
       {
         bootstrapScriptContent:
-          `self.__NO_HYDRATE=1;` +
-          (options?.debugNojs ? '' : bootstrapScriptContent),
+          `self.__NO_HYDRATE=1;` + (options?.debugNojs ? '' : bootstrapScriptContent),
         nonce: options?.nonce,
       },
     )
diff --git a/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx
index 39d916510..8a3fabce7 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx
@@ -4,11 +4,7 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return (
-    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
-      {props.children}
-    </ErrorBoundary>
-  )
+  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -62,9 +58,7 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <p>Caught an unexpected error</p>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error
-            ? props.error.message
-            : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/starter/src/root.tsx b/packages/plugin-rsc/examples/starter/src/root.tsx
index c6a649706..6dee924a2 100644
--- a/packages/plugin-rsc/examples/starter/src/root.tsx
+++ b/packages/plugin-rsc/examples/starter/src/root.tsx
@@ -27,10 +27,7 @@ function App(props: { url: URL }) {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a
-          href="https://react.dev/reference/rsc/server-components"
-          target="_blank"
-        >
+        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/playwright.config.ts b/packages/plugin-rsc/playwright.config.ts
index 520a08ef9..881ce571d 100644
--- a/packages/plugin-rsc/playwright.config.ts
+++ b/packages/plugin-rsc/playwright.config.ts
@@ -30,7 +30,5 @@ export default defineConfig({
   workers: 2,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  reporter: ['list', process.env.CI && 'github']
-    .filter(Boolean)
-    .map((name) => [name] as any),
+  reporter: ['list', process.env.CI && 'github'].filter(Boolean).map((name) => [name] as any),
 }) as any
diff --git a/packages/plugin-rsc/src/browser.ts b/packages/plugin-rsc/src/browser.ts
index 0892a8879..ab060d86e 100644
--- a/packages/plugin-rsc/src/browser.ts
+++ b/packages/plugin-rsc/src/browser.ts
@@ -10,9 +10,7 @@ function initialize(): void {
     load: async (id) => {
       if (!import.meta.env.__vite_rsc_build__) {
         // @ts-ignore
-        return __vite_rsc_raw_import__(
-          withTrailingSlash(import.meta.env.BASE_URL) + id.slice(1),
-        )
+        return __vite_rsc_raw_import__(withTrailingSlash(import.meta.env.BASE_URL) + id.slice(1))
       } else {
         const import_ = clientReferences.default[id]
         if (!import_) {
diff --git a/packages/plugin-rsc/src/core/browser.ts b/packages/plugin-rsc/src/core/browser.ts
index d0f5e649f..2732abb13 100644
--- a/packages/plugin-rsc/src/core/browser.ts
+++ b/packages/plugin-rsc/src/core/browser.ts
@@ -3,9 +3,7 @@ import { removeReferenceCacheTag, setInternalRequire } from './shared'
 
 let init = false
 
-export function setRequireModule(options: {
-  load: (id: string) => Promise<unknown>
-}): void {
+export function setRequireModule(options: { load: (id: string) => Promise<unknown> }): void {
   if (init) return
   init = true
 
diff --git a/packages/plugin-rsc/src/core/rsc.ts b/packages/plugin-rsc/src/core/rsc.ts
index d00452555..58a0e3b58 100644
--- a/packages/plugin-rsc/src/core/rsc.ts
+++ b/packages/plugin-rsc/src/core/rsc.ts
@@ -14,9 +14,7 @@ import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.
 let init = false
 let requireModule!: (id: string) => unknown
 
-export function setRequireModule(options: {
-  load: (id: string) => unknown
-}): void {
+export function setRequireModule(options: { load: (id: string) => unknown }): void {
   if (init) return
   init = true
 
@@ -25,33 +23,29 @@ export function setRequireModule(options: {
   }
 
   // need memoize to return stable promise from __webpack_require__
-  ;(globalThis as any).__vite_rsc_server_require__ = memoize(
-    async (id: string) => {
-      if (id.startsWith(SERVER_DECODE_CLIENT_PREFIX)) {
-        id = id.slice(SERVER_DECODE_CLIENT_PREFIX.length)
-        id = removeReferenceCacheTag(id)
-        // create `registerClientReference` on the fly since there's no way to
-        // grab the original client reference module on ther server.
-        // cf. https://github.com/lazarv/react-server/blob/79e7acebc6f4a8c930ad8422e2a4a9fdacfcce9b/packages/react-server/server/module-loader.mjs#L19
-        // decode client reference on the server
-        return new Proxy({} as any, {
-          get(target, name, _receiver) {
-            if (typeof name !== 'string' || name === 'then') return
-            return (target[name] ??= ReactServer.registerClientReference(
-              () => {
-                throw new Error(
-                  `Unexpectedly client reference export '${name}' is called on server`,
-                )
-              },
-              id,
-              name,
-            ))
-          },
-        })
-      }
-      return requireModule(id)
-    },
-  )
+  ;(globalThis as any).__vite_rsc_server_require__ = memoize(async (id: string) => {
+    if (id.startsWith(SERVER_DECODE_CLIENT_PREFIX)) {
+      id = id.slice(SERVER_DECODE_CLIENT_PREFIX.length)
+      id = removeReferenceCacheTag(id)
+      // create `registerClientReference` on the fly since there's no way to
+      // grab the original client reference module on ther server.
+      // cf. https://github.com/lazarv/react-server/blob/79e7acebc6f4a8c930ad8422e2a4a9fdacfcce9b/packages/react-server/server/module-loader.mjs#L19
+      // decode client reference on the server
+      return new Proxy({} as any, {
+        get(target, name, _receiver) {
+          if (typeof name !== 'string' || name === 'then') return
+          return (target[name] ??= ReactServer.registerClientReference(
+            () => {
+              throw new Error(`Unexpectedly client reference export '${name}' is called on server`)
+            },
+            id,
+            name,
+          ))
+        },
+      })
+    }
+    return requireModule(id)
+  })
 
   setInternalRequire()
 }
diff --git a/packages/plugin-rsc/src/core/ssr.ts b/packages/plugin-rsc/src/core/ssr.ts
index 68a847a36..da7992f99 100644
--- a/packages/plugin-rsc/src/core/ssr.ts
+++ b/packages/plugin-rsc/src/core/ssr.ts
@@ -4,9 +4,7 @@ import { removeReferenceCacheTag, setInternalRequire } from './shared'
 
 let init = false
 
-export function setRequireModule(options: {
-  load: (id: string) => unknown
-}): void {
+export function setRequireModule(options: { load: (id: string) => unknown }): void {
   if (init) return
   init = true
 
diff --git a/packages/plugin-rsc/src/index.ts b/packages/plugin-rsc/src/index.ts
index b3c2a7f0b..e15399dd2 100644
--- a/packages/plugin-rsc/src/index.ts
+++ b/packages/plugin-rsc/src/index.ts
@@ -1,6 +1 @@
-export {
-  default,
-  type RscPluginOptions,
-  getPluginApi,
-  type PluginApi,
-} from './plugin'
+export { default, type RscPluginOptions, getPluginApi, type PluginApi } from './plugin'
diff --git a/packages/plugin-rsc/src/plugin.ts b/packages/plugin-rsc/src/plugin.ts
index b1870467f..0aa822660 100644
--- a/packages/plugin-rsc/src/plugin.ts
+++ b/packages/plugin-rsc/src/plugin.ts
@@ -103,8 +103,7 @@ class RscPluginManager {
   buildAssetsManifest: AssetsManifest | undefined
   isScanBuild: boolean = false
   clientReferenceMetaMap: Record<string, ClientReferenceMeta> = {}
-  clientReferenceGroups: Record</* group name*/ string, ClientReferenceMeta[]> =
-    {}
+  clientReferenceGroups: Record</* group name*/ string, ClientReferenceMeta[]> = {}
   serverReferenceMetaMap: Record<string, ServerRerferenceMeta> = {}
   serverResourcesMetaMap: Record<string, { key: string }> = {}
 
@@ -209,9 +208,7 @@ export type PluginApi = {
 }
 
 /** @experimental */
-export function getPluginApi(
-  config: Pick<ResolvedConfig, 'plugins'>,
-): PluginApi | undefined {
+export function getPluginApi(config: Pick<ResolvedConfig, 'plugins'>): PluginApi | undefined {
   const plugin = config.plugins.find((p) => p.name === 'rsc:minimal')
   return plugin?.api as PluginApi | undefined
 }
@@ -265,9 +262,7 @@ export function vitePluginRscMinimal(
   ]
 }
 
-export default function vitePluginRsc(
-  rscPluginOptions: RscPluginOptions = {},
-): Plugin[] {
+export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}): Plugin[] {
   const manager = new RscPluginManager()
 
   const buildApp: NonNullable<BuilderOptions['buildApp']> = async (builder) => {
@@ -369,9 +364,7 @@ export default function vitePluginRsc(
           PKG_NAME,
           ...result.ssr.noExternal.sort(),
         ]
-        hasReactServerDomWebpack = result.ssr.noExternal.includes(
-          'react-server-dom-webpack',
-        )
+        hasReactServerDomWebpack = result.ssr.noExternal.includes('react-server-dom-webpack')
         const reactServerDomPackageName = hasReactServerDomWebpack
           ? 'react-server-dom-webpack'
           : REACT_SERVER_DOM_NAME
@@ -379,15 +372,12 @@ export default function vitePluginRsc(
         return {
           appType: config.appType ?? 'custom',
           define: {
-            'import.meta.env.__vite_rsc_build__': JSON.stringify(
-              env.command === 'build',
-            ),
+            'import.meta.env.__vite_rsc_build__': JSON.stringify(env.command === 'build'),
           },
           environments: {
             client: {
               build: {
-                outDir:
-                  config.environments?.client?.build?.outDir ?? 'dist/client',
+                outDir: config.environments?.client?.build?.outDir ?? 'dist/client',
                 rollupOptions: {
                   input: rscPluginOptions.entries?.client && {
                     index: rscPluginOptions.entries.client,
@@ -395,10 +385,7 @@ export default function vitePluginRsc(
                 },
               },
               optimizeDeps: {
-                include: [
-                  'react-dom/client',
-                  `${reactServerDomPackageName}/client.browser`,
-                ],
+                include: ['react-dom/client', `${reactServerDomPackageName}/client.browser`],
                 exclude: [PKG_NAME],
               },
             },
@@ -484,25 +471,16 @@ export default function vitePluginRsc(
 
         // intercept client hmr to propagate client boundary invalidation to server environment
         const oldSend = server.environments.client.hot.send
-        server.environments.client.hot.send = async function (
-          this,
-          ...args: any[]
-        ) {
+        server.environments.client.hot.send = async function (this, ...args: any[]) {
           const e = args[0] as vite.UpdatePayload
           if (e && typeof e === 'object' && e.type === 'update') {
             for (const update of e.updates) {
               if (update.type === 'js-update') {
-                const mod =
-                  server.environments.client.moduleGraph.urlToModuleMap.get(
-                    update.path,
-                  )
+                const mod = server.environments.client.moduleGraph.urlToModuleMap.get(update.path)
                 if (mod && mod.id && manager.clientReferenceMetaMap[mod.id]) {
-                  const serverMod =
-                    server.environments.rsc!.moduleGraph.getModuleById(mod.id)
+                  const serverMod = server.environments.rsc!.moduleGraph.getModuleById(mod.id)
                   if (serverMod) {
-                    server.environments.rsc!.moduleGraph.invalidateModule(
-                      serverMod,
-                    )
+                    server.environments.rsc!.moduleGraph.invalidateModule(serverMod)
                   }
                 }
               }
@@ -516,21 +494,15 @@ export default function vitePluginRsc(
           environmentName: 'rsc',
           entryName: 'index',
         }
-        const environment = server.environments[
-          options.environmentName
-        ] as RunnableDevEnvironment
+        const environment = server.environments[options.environmentName] as RunnableDevEnvironment
         const source = getEntrySource(environment.config, options.entryName)
 
         return () => {
           server.middlewares.use(async (req, res, next) => {
             try {
               // resolve before `runner.import` to workaround https://github.com/vitejs/vite/issues/19975
-              const resolved =
-                await environment.pluginContainer.resolveId(source)
-              assert(
-                resolved,
-                `[vite-rsc] failed to resolve server handler '${source}'`,
-              )
+              const resolved = await environment.pluginContainer.resolveId(source)
+              assert(resolved, `[vite-rsc] failed to resolve server handler '${source}'`)
               const mod = await environment.runner.import(resolved.id)
               const fetchHandler = getFetchHandlerExport(mod)
               // expose original request url to server handler.
@@ -594,11 +566,7 @@ export default function vitePluginRsc(
         // by eagerly transforming new module on "rsc" environment.
         if (this.environment.name === 'rsc') {
           for (const mod of ctx.modules) {
-            if (
-              mod.type === 'js' &&
-              mod.id &&
-              mod.id in manager.clientReferenceMetaMap
-            ) {
+            if (mod.type === 'js' && mod.id && mod.id in manager.clientReferenceMetaMap) {
               try {
                 await this.environment.transformRequest(mod.url)
               } catch {}
@@ -632,10 +600,7 @@ export default function vitePluginRsc(
             // (NOTE: this is not necessary since Vite 7.1.0-beta.0 https://github.com/vitejs/vite/pull/20391 )
             if (ctx.modules.length === 1) {
               const importers = [...ctx.modules[0]!.importers]
-              if (
-                importers.length > 0 &&
-                importers.every((m) => m.id && isCSSRequest(m.id))
-              ) {
+              if (importers.length > 0 && importers.every((m) => m.id && isCSSRequest(m.id))) {
                 return []
               }
             }
@@ -724,10 +689,7 @@ export default function vitePluginRsc(
           const argCode = code.slice(argStart, argEnd).trim()
           const [environmentName, entryName] = evalValue(`[${argCode}]`)
           let replacement: string
-          if (
-            this.environment.mode === 'dev' &&
-            rscPluginOptions.loadModuleDevProxy
-          ) {
+          if (this.environment.mode === 'dev' && rscPluginOptions.loadModuleDevProxy) {
             replacement = `import("virtual:vite-rsc/rpc-client").then((module) => module.createRpcClient(${JSON.stringify({ environmentName, entryName })}))`
           } else if (this.environment.mode === 'dev') {
             const environment = server.environments[environmentName]!
@@ -735,9 +697,8 @@ export default function vitePluginRsc(
             const resolved = await environment.pluginContainer.resolveId(source)
             assert(resolved, `[vite-rsc] failed to resolve entry '${source}'`)
             replacement =
-              `globalThis.__viteRscDevServer.environments[${JSON.stringify(
-                environmentName,
-              )}]` + `.runner.import(${JSON.stringify(resolved.id)})`
+              `globalThis.__viteRscDevServer.environments[${JSON.stringify(environmentName)}]` +
+              `.runner.import(${JSON.stringify(resolved.id)})`
           } else {
             replacement = JSON.stringify(
               `__vite_rsc_load_module:${this.environment.name}:${environmentName}:${entryName}`,
@@ -757,17 +718,11 @@ export default function vitePluginRsc(
         if (!code.includes('__vite_rsc_load_module')) return
         const { config } = manager
         const s = new MagicString(code)
-        for (const match of code.matchAll(
-          /['"]__vite_rsc_load_module:(\w+):(\w+):(\w+)['"]/dg,
-        )) {
+        for (const match of code.matchAll(/['"]__vite_rsc_load_module:(\w+):(\w+):(\w+)['"]/dg)) {
           const [fromEnv, toEnv, entryName] = match.slice(1)
           const importPath = normalizeRelativePath(
             path.relative(
-              path.join(
-                config.environments[fromEnv!]!.build.outDir,
-                chunk.fileName,
-                '..',
-              ),
+              path.join(config.environments[fromEnv!]!.build.outDir, chunk.fileName, '..'),
               path.join(
                 config.environments[toEnv!]!.build.outDir,
                 // TODO: this breaks when custom entyFileNames
@@ -793,21 +748,13 @@ export default function vitePluginRsc(
         if (!rscPluginOptions.loadModuleDevProxy) return
 
         async function createHandler(url: URL) {
-          const { environmentName, entryName } = Object.fromEntries(
-            url.searchParams,
-          )
+          const { environmentName, entryName } = Object.fromEntries(url.searchParams)
           assert(environmentName)
           assert(entryName)
-          const environment = server.environments[
-            environmentName
-          ] as RunnableDevEnvironment
+          const environment = server.environments[environmentName] as RunnableDevEnvironment
           const source = getEntrySource(environment.config, entryName)
-          const resolvedEntry =
-            await environment.pluginContainer.resolveId(source)
-          assert(
-            resolvedEntry,
-            `[vite-rsc] failed to resolve entry '${source}'`,
-          )
+          const resolvedEntry = await environment.pluginContainer.resolveId(source)
+          assert(resolvedEntry, `[vite-rsc] failed to resolve entry '${source}'`)
           const runnerProxy = new Proxy(
             {},
             {
@@ -880,10 +827,7 @@ export function createRpcClient(params) {
         if (id === '\0virtual:vite-rsc/assets-manifest') {
           assert(this.environment.name !== 'client')
           assert(this.environment.mode === 'dev')
-          const entryUrl = assetsURL(
-            '@id/__x00__' + VIRTUAL_ENTRIES.browser,
-            manager,
-          )
+          const entryUrl = assetsURL('@id/__x00__' + VIRTUAL_ENTRIES.browser, manager)
           const manifest: AssetsManifest = {
             bootstrapScriptContent: `import(${serializeValueWithRuntime(entryUrl)})`,
             clientReferenceDeps: {},
@@ -899,8 +843,7 @@ export function createRpcClient(params) {
         }
 
         if (this.environment.name === 'client') {
-          const filterAssets =
-            rscPluginOptions.copyServerAssetsToClient ?? (() => true)
+          const filterAssets = rscPluginOptions.copyServerAssetsToClient ?? (() => true)
           const rscBuildOptions = manager.config.environments.rsc!.build
           const rscViteManifest =
             typeof rscBuildOptions.manifest === 'string'
@@ -919,9 +862,7 @@ export function createRpcClient(params) {
 
           const serverResources: Record<string, AssetDeps> = {}
           const rscAssetDeps = collectAssetDeps(manager.rscBundle)
-          for (const [id, meta] of Object.entries(
-            manager.serverResourcesMetaMap,
-          )) {
+          for (const [id, meta] of Object.entries(manager.serverResourcesMetaMap)) {
             serverResources[meta.key] = assetsURLOfDeps(
               {
                 js: [],
@@ -932,9 +873,7 @@ export function createRpcClient(params) {
           }
 
           const assetDeps = collectAssetDeps(bundle)
-          const entry = Object.values(assetDeps).find(
-            (v) => v.chunk.name === 'index',
-          )
+          const entry = Object.values(assetDeps).find((v) => v.chunk.name === 'index')
           assert(entry)
           const entryUrl = assetsURL(entry.chunk.fileName, manager)
           const clientReferenceDeps: Record<string, AssetDeps> = {}
@@ -968,15 +907,9 @@ export function createRpcClient(params) {
         if (code.includes('virtual:vite-rsc/assets-manifest')) {
           assert(this.environment.name !== 'client')
           const replacement = normalizeRelativePath(
-            path.relative(
-              path.join(chunk.fileName, '..'),
-              BUILD_ASSETS_MANIFEST_NAME,
-            ),
-          )
-          code = code.replaceAll(
-            'virtual:vite-rsc/assets-manifest',
-            () => replacement,
+            path.relative(path.join(chunk.fileName, '..'), BUILD_ASSETS_MANIFEST_NAME),
           )
+          code = code.replaceAll('virtual:vite-rsc/assets-manifest', () => replacement)
           return { code }
         }
         return
@@ -994,9 +927,7 @@ export default assetsManifest.bootstrapScriptContent;
       async transform(code) {
         if (
           !code.includes('loadBootstrapScriptContent') ||
-          !/import\s*\.\s*meta\s*\.\s*viteRsc\s*\.\s*loadBootstrapScriptContent/.test(
-            code,
-          )
+          !/import\s*\.\s*meta\s*\.\s*viteRsc\s*\.\s*loadBootstrapScriptContent/.test(code)
         ) {
           return
         }
@@ -1031,29 +962,27 @@ export default assetsManifest.bootstrapScriptContent;
         }
       },
     },
-    createVirtualPlugin(
-      VIRTUAL_ENTRIES.browser.slice('virtual:'.length),
-      async function () {
-        assert(this.environment.mode === 'dev')
-        let code = ''
-        // enable hmr only when react plugin is available
-        const resolved = await this.resolve('/@react-refresh')
-        if (resolved) {
-          code += `
+    createVirtualPlugin(VIRTUAL_ENTRIES.browser.slice('virtual:'.length), async function () {
+      assert(this.environment.mode === 'dev')
+      let code = ''
+      // enable hmr only when react plugin is available
+      const resolved = await this.resolve('/@react-refresh')
+      if (resolved) {
+        code += `
 import RefreshRuntime from "/@react-refresh";
 RefreshRuntime.injectIntoGlobalHook(window);
 window.$RefreshReg$ = () => {};
 window.$RefreshSig$ = () => (type) => type;
 window.__vite_plugin_react_preamble_installed__ = true;
 `
-        }
-        const source = getEntrySource(this.environment.config, 'index')
-        const resolvedEntry = await this.resolve(source)
-        assert(resolvedEntry, `[vite-rsc] failed to resolve entry '${source}'`)
-        code += `await import(${JSON.stringify(resolvedEntry.id)});`
-        // server css is normally removed via `RemoveDuplicateServerCss` on useEffect.
-        // this also makes sure they are removed on hmr in case initial rendering failed.
-        code += /* js */ `
+      }
+      const source = getEntrySource(this.environment.config, 'index')
+      const resolvedEntry = await this.resolve(source)
+      assert(resolvedEntry, `[vite-rsc] failed to resolve entry '${source}'`)
+      code += `await import(${JSON.stringify(resolvedEntry.id)});`
+      // server css is normally removed via `RemoveDuplicateServerCss` on useEffect.
+      // this also makes sure they are removed on hmr in case initial rendering failed.
+      code += /* js */ `
 const ssrCss = document.querySelectorAll("link[rel='stylesheet']");
 import.meta.hot.on("vite:beforeUpdate", () => {
   ssrCss.forEach(node => {
@@ -1063,27 +992,24 @@ import.meta.hot.on("vite:beforeUpdate", () => {
   });
 });
 `
-        // close error overlay after syntax error is fixed and hmr is triggered.
-        // https://github.com/vitejs/vite/blob/8033e5bf8d3ff43995d0620490ed8739c59171dd/packages/vite/src/client/client.ts#L318-L320
-        code += `
+      // close error overlay after syntax error is fixed and hmr is triggered.
+      // https://github.com/vitejs/vite/blob/8033e5bf8d3ff43995d0620490ed8739c59171dd/packages/vite/src/client/client.ts#L318-L320
+      code += `
 import.meta.hot.on("rsc:update", () => {
   document.querySelectorAll("vite-error-overlay").forEach((n) => n.close())
 });
 `
-        // remove stylesheet links when css import is removed on rsc envrionment
-        code += `import.meta.hot.on("rsc:prune", ${(e: vite.PrunePayload) => {
-          const nodes = document.querySelectorAll<HTMLLinkElement>(
-            "link[rel='stylesheet']",
-          )
-          nodes.forEach((node) => {
-            if (e.paths.includes(node.dataset.rscCssHref!)) {
-              node.remove()
-            }
-          })
-        }});`
-        return code
-      },
-    ),
+      // remove stylesheet links when css import is removed on rsc envrionment
+      code += `import.meta.hot.on("rsc:prune", ${(e: vite.PrunePayload) => {
+        const nodes = document.querySelectorAll<HTMLLinkElement>("link[rel='stylesheet']")
+        nodes.forEach((node) => {
+          if (e.paths.includes(node.dataset.rscCssHref!)) {
+            node.remove()
+          }
+        })
+      }});`
+      return code
+    }),
     ...vitePluginRscMinimal(rscPluginOptions, manager),
     ...vitePluginFindSourceMapURL(),
     ...vitePluginRscCss(rscPluginOptions, manager),
@@ -1106,8 +1032,7 @@ function globalAsyncLocalStoragePlugin(): Plugin[] {
       transform: {
         handler(code) {
           if (
-            (this.environment.name === 'ssr' ||
-              this.environment.name === 'rsc') &&
+            (this.environment.name === 'ssr' || this.environment.name === 'rsc') &&
             code.includes('typeof AsyncLocalStorage') &&
             code.includes('new AsyncLocalStorage()') &&
             !code.includes('__viteRscAsyncHooks')
@@ -1140,16 +1065,12 @@ function vitePluginUseClient(
   const bareImportRE = /^(?![a-zA-Z]:)[\w@](?!.*:\/\/)/
 
   const serverEnvironmentName = useClientPluginOptions.environment?.rsc ?? 'rsc'
-  const browserEnvironmentName =
-    useClientPluginOptions.environment?.browser ?? 'client'
+  const browserEnvironmentName = useClientPluginOptions.environment?.browser ?? 'client'
 
   let optimizerMetadata: CustomOptimizerMetadata | undefined
 
   // TODO: warning for late optimizer discovery
-  function warnInoncistentClientOptimization(
-    ctx: Rollup.TransformPluginContext,
-    id: string,
-  ) {
+  function warnInoncistentClientOptimization(ctx: Rollup.TransformPluginContext, id: string) {
     // path in metafile is relative to cwd
     // https://github.com/vitejs/vite/blob/dd96c2cd831ecba3874458b318ad4f0a7f173736/packages/vite/src/node/optimizer/index.ts#L644
     id = normalizePath(path.relative(process.cwd(), id))
@@ -1192,11 +1113,7 @@ function vitePluginUseClient(
         let importId: string
         let referenceKey: string
         const packageSource = packageSources.get(id)
-        if (
-          !packageSource &&
-          this.environment.mode === 'dev' &&
-          id.includes('/node_modules/')
-        ) {
+        if (!packageSource && this.environment.mode === 'dev' && id.includes('/node_modules/')) {
           // If non package source reached here (often with ?v=... query), this is a client boundary
           // created by a package imported on server environment, which breaks the
           // expectation on dependency optimizer on browser. Directly copying over
@@ -1230,10 +1147,7 @@ function vitePluginUseClient(
           }
         }
 
-        const transformDirectiveProxyExport_ = withRollupError(
-          this,
-          transformDirectiveProxyExport,
-        )
+        const transformDirectiveProxyExport_ = withRollupError(this, transformDirectiveProxyExport)
         const result = transformDirectiveProxyExport_(ast, {
           directive: 'use client',
           code,
@@ -1308,9 +1222,7 @@ function vitePluginUseClient(
             meta.groupChunkId = `\0virtual:vite-rsc/client-references/group/${name}`
           }
           debug('client-reference-groups', manager.clientReferenceGroups)
-          for (const [name, metas] of Object.entries(
-            manager.clientReferenceGroups,
-          )) {
+          for (const [name, metas] of Object.entries(manager.clientReferenceGroups)) {
             const groupVirtual = `virtual:vite-rsc/client-references/group/${name}`
             for (const meta of metas) {
               code += `\
@@ -1326,9 +1238,7 @@ function vitePluginUseClient(
         }
         // re-export client reference modules from each group
         if (id.startsWith('\0virtual:vite-rsc/client-references/group/')) {
-          const name = id.slice(
-            '\0virtual:vite-rsc/client-references/group/'.length,
-          )
+          const name = id.slice('\0virtual:vite-rsc/client-references/group/'.length)
           const metas = manager.clientReferenceGroups[name]
           assert(metas, `unknown client reference group: ${name}`)
           let code = ``
@@ -1350,15 +1260,11 @@ function vitePluginUseClient(
     {
       name: 'rsc:virtual-client-in-server-package',
       async load(id) {
-        if (
-          id.startsWith('\0virtual:vite-rsc/client-in-server-package-proxy/')
-        ) {
+        if (id.startsWith('\0virtual:vite-rsc/client-in-server-package-proxy/')) {
           assert.equal(this.environment.mode, 'dev')
           assert(this.environment.name !== serverEnvironmentName)
           id = decodeURIComponent(
-            id.slice(
-              '\0virtual:vite-rsc/client-in-server-package-proxy/'.length,
-            ),
+            id.slice('\0virtual:vite-rsc/client-in-server-package-proxy/'.length),
           )
           // TODO: avoid `export default undefined`
           return `
@@ -1390,16 +1296,12 @@ function vitePluginUseClient(
       async load(id) {
         if (id.startsWith('\0virtual:vite-rsc/client-package-proxy/')) {
           assert(this.environment.mode === 'dev')
-          const source = id.slice(
-            '\0virtual:vite-rsc/client-package-proxy/'.length,
-          )
+          const source = id.slice('\0virtual:vite-rsc/client-package-proxy/'.length)
           const meta = Object.values(manager.clientReferenceMetaMap).find(
             (v) => v.packageSource === source,
           )!
           const exportNames = meta.exportNames
-          return `export {${exportNames.join(',')}} from ${JSON.stringify(
-            source,
-          )};\n`
+          return `export {${exportNames.join(',')}} from ${JSON.stringify(source)};\n`
         }
       },
       generateBundle(_options, bundle) {
@@ -1424,12 +1326,9 @@ function vitePluginUseClient(
               // which should have a stable and understandle name.
               let serverChunk: string
               if (chunk.facadeModuleId) {
-                serverChunk =
-                  'facade:' + manager.toRelativeId(chunk.facadeModuleId)
+                serverChunk = 'facade:' + manager.toRelativeId(chunk.facadeModuleId)
               } else {
-                serverChunk =
-                  'shared:' +
-                  manager.toRelativeId(metas.map(([id]) => id).sort()[0]!)
+                serverChunk = 'shared:' + manager.toRelativeId(metas.map(([id]) => id).sort()[0]!)
               }
               for (const [id, meta] of metas) {
                 const mod = chunk.modules[id]
@@ -1490,15 +1389,10 @@ function customOptimizerMetadataPlugin({
       name: 'vite-rsc-metafile',
       writeBundle(options) {
         assert(options.dir)
-        const ids = [...this.getModuleIds()].map((id) =>
-          path.relative(process.cwd(), id),
-        )
+        const ids = [...this.getModuleIds()].map((id) => path.relative(process.cwd(), id))
         const metadata: CustomOptimizerMetadata = { ids }
         setMetadata(metadata)
-        fs.writeFileSync(
-          path.join(options.dir!, MEATADATA_FILE),
-          JSON.stringify(metadata, null, 2),
-        )
+        fs.writeFileSync(path.join(options.dir!, MEATADATA_FILE), JSON.stringify(metadata, null, 2))
       },
     }
   }
@@ -1544,10 +1438,7 @@ function customOptimizerMetadataPlugin({
 }
 
 function vitePluginDefineEncryptionKey(
-  useServerPluginOptions: Pick<
-    RscPluginOptions,
-    'defineEncryptionKey' | 'environment'
-  >,
+  useServerPluginOptions: Pick<RscPluginOptions, 'defineEncryptionKey' | 'environment'>,
 ): Plugin[] {
   let defineEncryptionKey: string
   let emitEncryptionKey = false
@@ -1588,18 +1479,13 @@ function vitePluginDefineEncryptionKey(
           const normalizedPath = normalizeRelativePath(
             path.relative(path.join(chunk.fileName, '..'), KEY_FILE),
           )
-          const replacement = `import(${JSON.stringify(
-            normalizedPath,
-          )}).then(__m => __m.default)`
+          const replacement = `import(${JSON.stringify(normalizedPath)}).then(__m => __m.default)`
           code = code.replaceAll(KEY_PLACEHOLDER, () => replacement)
           return { code }
         }
       },
       writeBundle() {
-        if (
-          this.environment.name === serverEnvironmentName &&
-          emitEncryptionKey
-        ) {
+        if (this.environment.name === serverEnvironmentName && emitEncryptionKey) {
           fs.writeFileSync(
             path.join(this.environment.config.build.outDir, KEY_FILE),
             `export default ${defineEncryptionKey};\n`,
@@ -1611,15 +1497,11 @@ function vitePluginDefineEncryptionKey(
 }
 
 function vitePluginUseServer(
-  useServerPluginOptions: Pick<
-    RscPluginOptions,
-    'enableActionEncryption' | 'environment'
-  >,
+  useServerPluginOptions: Pick<RscPluginOptions, 'enableActionEncryption' | 'environment'>,
   manager: RscPluginManager,
 ): Plugin[] {
   const serverEnvironmentName = useServerPluginOptions.environment?.rsc ?? 'rsc'
-  const browserEnvironmentName =
-    useServerPluginOptions.environment?.browser ?? 'client'
+  const browserEnvironmentName = useServerPluginOptions.environment?.browser ?? 'client'
 
   const debug = createDebug('vite-rsc:use-server')
 
@@ -1636,10 +1518,7 @@ function vitePluginUseServer(
         let normalizedId_: string | undefined
         const getNormalizedId = () => {
           if (!normalizedId_) {
-            if (
-              this.environment.mode === 'dev' &&
-              id.includes('/node_modules/')
-            ) {
+            if (this.environment.mode === 'dev' && id.includes('/node_modules/')) {
               // similar situation as `use client` (see `virtual:client-in-server-package-proxy`)
               // but module runner has additional resolution step and it's not strict about
               // module identity of `import(id)` like browser, so we simply strip queries such as `?v=`.
@@ -1661,12 +1540,8 @@ function vitePluginUseServer(
         }
 
         if (this.environment.name === serverEnvironmentName) {
-          const transformServerActionServer_ = withRollupError(
-            this,
-            transformServerActionServer,
-          )
-          const enableEncryption =
-            useServerPluginOptions.enableActionEncryption ?? true
+          const transformServerActionServer_ = withRollupError(this, transformServerActionServer)
+          const enableEncryption = useServerPluginOptions.enableActionEncryption ?? true
           const result = transformServerActionServer_(code, ast, {
             runtime: (value, name) =>
               `$$ReactServer.registerServerReference(${value}, ${JSON.stringify(
@@ -1674,12 +1549,10 @@ function vitePluginUseServer(
               )}, ${JSON.stringify(name)})`,
             rejectNonAsyncFunction: true,
             encode: enableEncryption
-              ? (value) =>
-                  `__vite_rsc_encryption_runtime.encryptActionBoundArgs(${value})`
+              ? (value) => `__vite_rsc_encryption_runtime.encryptActionBoundArgs(${value})`
               : undefined,
             decode: enableEncryption
-              ? (value) =>
-                  `await __vite_rsc_encryption_runtime.decryptActionBoundArgs(${value})`
+              ? (value) => `await __vite_rsc_encryption_runtime.decryptActionBoundArgs(${value})`
               : undefined,
           })
           const output = result.output
@@ -1695,9 +1568,7 @@ function vitePluginUseServer(
           const importSource = resolvePackage(`${PKG_NAME}/react/rsc`)
           output.prepend(`import * as $$ReactServer from "${importSource}";\n`)
           if (enableEncryption) {
-            const importSource = resolvePackage(
-              `${PKG_NAME}/utils/encryption-runtime`,
-            )
+            const importSource = resolvePackage(`${PKG_NAME}/utils/encryption-runtime`)
             output.prepend(
               `import * as __vite_rsc_encryption_runtime from ${JSON.stringify(importSource)};\n`,
             )
@@ -1722,9 +1593,7 @@ function vitePluginUseServer(
               `${JSON.stringify(getNormalizedId() + '#' + name)},` +
               `$$ReactClient.callServer, ` +
               `undefined, ` +
-              (this.environment.mode === 'dev'
-                ? `$$ReactClient.findSourceMapURL,`
-                : 'undefined,') +
+              (this.environment.mode === 'dev' ? `$$ReactClient.findSourceMapURL,` : 'undefined,') +
               `${JSON.stringify(name)})`,
             directive: 'use server',
             rejectNonAsyncFunction: true,
@@ -1737,8 +1606,7 @@ function vitePluginUseServer(
             referenceKey: getNormalizedId(),
             exportNames: result.exportNames,
           }
-          const name =
-            this.environment.name === browserEnvironmentName ? 'browser' : 'ssr'
+          const name = this.environment.name === browserEnvironmentName ? 'browser' : 'ssr'
           const importSource = resolvePackage(`${PKG_NAME}/react/${name}`)
           output.prepend(`import * as $$ReactClient from "${importSource}";\n`)
           return {
@@ -1804,10 +1672,7 @@ function serializeValueWithRuntime(value: any) {
 
 function assetsURL(url: string, manager: RscPluginManager) {
   const { config } = manager
-  if (
-    config.command === 'build' &&
-    typeof config.experimental?.renderBuiltUrl === 'function'
-  ) {
+  if (config.command === 'build' && typeof config.experimental?.renderBuiltUrl === 'function') {
     // https://github.com/vitejs/vite/blob/bdde0f9e5077ca1a21a04eefc30abad055047226/packages/vite/src/node/build.ts#L1369
     const result = config.experimental.renderBuiltUrl(url, {
       type: 'asset',
@@ -1820,10 +1685,7 @@ function assetsURL(url: string, manager: RscPluginManager) {
       if (result.runtime) {
         return new RuntimeAsset(result.runtime)
       }
-      assert(
-        !result.relative,
-        '"result.relative" not supported on renderBuiltUrl() for RSC',
-      )
+      assert(!result.relative, '"result.relative" not supported on renderBuiltUrl() for RSC')
     } else if (result) {
       return result satisfies string
     }
@@ -1886,10 +1748,7 @@ function collectAssetDeps(bundle: Rollup.OutputBundle) {
       chunkToDeps.set(chunk, collectAssetDepsInner(chunk.fileName, bundle))
     }
   }
-  const idToDeps: Record<
-    string,
-    { chunk: Rollup.OutputChunk; deps: ResolvedAssetDeps }
-  > = {}
+  const idToDeps: Record<string, { chunk: Rollup.OutputChunk; deps: ResolvedAssetDeps }> = {}
   for (const [chunk, deps] of chunkToDeps.entries()) {
     for (const id of chunk.moduleIds) {
       idToDeps[id] = { chunk, deps }
@@ -1898,10 +1757,7 @@ function collectAssetDeps(bundle: Rollup.OutputBundle) {
   return idToDeps
 }
 
-function collectAssetDepsInner(
-  fileName: string,
-  bundle: Rollup.OutputBundle,
-): ResolvedAssetDeps {
+function collectAssetDepsInner(fileName: string, bundle: Rollup.OutputBundle): ResolvedAssetDeps {
   const visited = new Set<string>()
   const css: string[] = []
 
@@ -1971,9 +1827,7 @@ function vitePluginRscCss(
     recurse(entryId)
 
     // this doesn't include ?t= query so that RSC <link /> won't keep adding styles.
-    const hrefs = [...cssIds].map((id) =>
-      normalizeViteImportAnalysisUrl(environment, id),
-    )
+    const hrefs = [...cssIds].map((id) => normalizeViteImportAnalysisUrl(environment, id))
     return { ids: [...cssIds], hrefs, visitedFiles: [...visitedFiles] }
   }
 
@@ -2016,8 +1870,7 @@ function vitePluginRscCss(
     return (_name: string, meta) =>
       !!(
         (meta.isFunction && meta.declName && /^[A-Z]/.test(meta.declName)) ||
-        (meta.defaultExportIdentifierName &&
-          /^[A-Z]/.test(meta.defaultExportIdentifierName))
+        (meta.defaultExportIdentifierName && /^[A-Z]/.test(meta.defaultExportIdentifierName))
       )
   }
 
@@ -2077,8 +1930,7 @@ function vitePluginRscCss(
         if (parsed?.type === 'ssr') {
           id = parsed.id
           const { server } = manager
-          const mod =
-            await server.environments.ssr.moduleGraph.getModuleByUrl(id)
+          const mod = await server.environments.ssr.moduleGraph.getModuleByUrl(id)
           if (!mod?.id || !mod?.file) {
             return `export default []`
           }
@@ -2087,9 +1939,7 @@ function vitePluginRscCss(
           for (const file of [mod.file, ...result.visitedFiles]) {
             this.addWatchFile(file)
           }
-          const hrefs = result.hrefs.map((href) =>
-            assetsURL(href.slice(1), manager),
-          )
+          const hrefs = result.hrefs.map((href) => assetsURL(href.slice(1), manager))
           return `export default ${serializeValueWithRuntime(hrefs)}`
         }
       },
@@ -2132,9 +1982,7 @@ function vitePluginRscCss(
             if (resolved) {
               importer = resolved.id
             } else {
-              this.warn(
-                `[vite-rsc] failed to transform 'import.meta.viteRsc.loadCss(${argCode})'`,
-              )
+              this.warn(`[vite-rsc] failed to transform 'import.meta.viteRsc.loadCss(${argCode})'`)
               output.update(start, end, `null`)
               continue
             }
@@ -2151,10 +1999,7 @@ function vitePluginRscCss(
             })`
           } else {
             const hash = hashString(importId)
-            if (
-              !importAdded &&
-              !code.includes(`__vite_rsc_importer_resources_${hash}`)
-            ) {
+            if (!importAdded && !code.includes(`__vite_rsc_importer_resources_${hash}`)) {
               importAdded = true
               output.prepend(
                 `import * as __vite_rsc_importer_resources_${hash} from ${JSON.stringify(
@@ -2190,19 +2035,14 @@ function vitePluginRscCss(
             }
             const cssHrefs = result.hrefs.map((href) => href.slice(1))
             const deps = assetsURLOfDeps({ css: cssHrefs, js: [] }, manager)
-            return generateResourcesCode(
-              serializeValueWithRuntime(deps),
-              manager,
-            )
+            return generateResourcesCode(serializeValueWithRuntime(deps), manager)
           } else {
             const key = manager.toRelativeId(importer)
             manager.serverResourcesMetaMap[importer] = { key }
             return `
               import __vite_rsc_assets_manifest__ from "virtual:vite-rsc/assets-manifest";
               ${generateResourcesCode(
-                `__vite_rsc_assets_manifest__.serverResources[${JSON.stringify(
-                  key,
-                )}]`,
+                `__vite_rsc_assets_manifest__.serverResources[${JSON.stringify(key)}]`,
                 manager,
               )}
             `
@@ -2210,25 +2050,21 @@ function vitePluginRscCss(
         }
       },
     },
-    createVirtualPlugin(
-      'vite-rsc/remove-duplicate-server-css',
-      async function () {
-        // Remove duplicate css during dev due to server rendered <link> and client inline <style>
-        // https://github.com/remix-run/react-router/blob/166fd940e7d5df9ed005ca68e12de53b1d88324a/packages/react-router/lib/dom-export/hydrated-router.tsx#L245-L274
-        assert.equal(this.environment.mode, 'dev')
-        function removeFn() {
-          document
-            .querySelectorAll("link[rel='stylesheet']")
-            .forEach((node) => {
-              if (
-                node instanceof HTMLElement &&
-                node.dataset.precedence?.startsWith('vite-rsc/client-reference')
-              ) {
-                node.remove()
-              }
-            })
-        }
-        return `\
+    createVirtualPlugin('vite-rsc/remove-duplicate-server-css', async function () {
+      // Remove duplicate css during dev due to server rendered <link> and client inline <style>
+      // https://github.com/remix-run/react-router/blob/166fd940e7d5df9ed005ca68e12de53b1d88324a/packages/react-router/lib/dom-export/hydrated-router.tsx#L245-L274
+      assert.equal(this.environment.mode, 'dev')
+      function removeFn() {
+        document.querySelectorAll("link[rel='stylesheet']").forEach((node) => {
+          if (
+            node instanceof HTMLElement &&
+            node.dataset.precedence?.startsWith('vite-rsc/client-reference')
+          ) {
+            node.remove()
+          }
+        })
+      }
+      return `\
 "use client"
 import React from "react";
 export default function RemoveDuplicateServerCss() {
@@ -2238,8 +2074,7 @@ export default function RemoveDuplicateServerCss() {
   return null;
 }
 `
-      },
-    ),
+    }),
   ]
 }
 
@@ -2315,9 +2150,7 @@ function __vite_rsc_wrap_css__(value, name) {
     return __vite_rsc_react__.createElement(
       __vite_rsc_react__.Fragment,
       null,
-      import.meta.viteRsc.loadCss(${
-        options.id ? JSON.stringify(options.id) : ''
-      }),
+      import.meta.viteRsc.loadCss(${options.id ? JSON.stringify(options.id) : ''}),
       __vite_rsc_react__.createElement(value, props),
     );
   }
diff --git a/packages/plugin-rsc/src/plugins/cjs.ts b/packages/plugin-rsc/src/plugins/cjs.ts
index 73315615a..6c18396e5 100644
--- a/packages/plugin-rsc/src/plugins/cjs.ts
+++ b/packages/plugin-rsc/src/plugins/cjs.ts
@@ -31,9 +31,7 @@ export function cjsModuleRunnerPlugin(): Plugin[] {
           if (id.endsWith('.js')) {
             const pkgJsonPath = await findClosestPkgJsonPath(path.dirname(id))
             if (pkgJsonPath) {
-              const pkgJson = JSON.parse(
-                fs.readFileSync(pkgJsonPath, 'utf-8'),
-              ) as { type?: string }
+              const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, 'utf-8')) as { type?: string }
               if (pkgJson.type === 'module') return
             }
           }
@@ -45,9 +43,7 @@ export function cjsModuleRunnerPlugin(): Plugin[] {
           // warning once per package
           const packageKey = extractPackageKey(id)
           if (!warnedPackages.has(packageKey)) {
-            debug(
-              `non-optimized CJS dependency in '${this.environment.name}' environment: ${id}`,
-            )
+            debug(`non-optimized CJS dependency in '${this.environment.name}' environment: ${id}`)
             warnedPackages.add(packageKey)
           }
 
diff --git a/packages/plugin-rsc/src/plugins/find-source-map-url.ts b/packages/plugin-rsc/src/plugins/find-source-map-url.ts
index 04bf49415..b627f1756 100644
--- a/packages/plugin-rsc/src/plugins/find-source-map-url.ts
+++ b/packages/plugin-rsc/src/plugins/find-source-map-url.ts
@@ -20,11 +20,7 @@ export function vitePluginFindSourceMapURL(): Plugin[] {
             let filename = url.searchParams.get('filename')!
             let environmentName = url.searchParams.get('environmentName')!
             try {
-              const map = await findSourceMapURL(
-                server,
-                filename,
-                environmentName,
-              )
+              const map = await findSourceMapURL(server, filename, environmentName)
               res.setHeader('content-type', 'application/json')
               if (!map) res.statusCode = 404
               res.end(JSON.stringify(map ?? {}))
@@ -63,9 +59,7 @@ async function findSourceMapURL(
 
   // server component stack, replace log, `registerServerReference`, etc...
   let mod: EnvironmentModuleNode | undefined
-  let map:
-    | NonNullable<EnvironmentModuleNode['transformResult']>['map']
-    | undefined
+  let map: NonNullable<EnvironmentModuleNode['transformResult']>['map'] | undefined
   if (environmentName === 'Server') {
     mod = server.environments.rsc!.moduleGraph.getModuleById(filename)
     // React extracts stacktrace via resetting `prepareStackTrace` on the server
diff --git a/packages/plugin-rsc/src/plugins/scan.ts b/packages/plugin-rsc/src/plugins/scan.ts
index be1a60a1e..b334489aa 100644
--- a/packages/plugin-rsc/src/plugins/scan.ts
+++ b/packages/plugin-rsc/src/plugins/scan.ts
@@ -5,11 +5,7 @@ import type { RscPluginManager } from '../plugin'
 
 // During scan build, we strip all code but imports to
 // traverse module graph faster and just discover client/server references.
-export function scanBuildStripPlugin({
-  manager,
-}: {
-  manager: RscPluginManager
-}): Plugin {
+export function scanBuildStripPlugin({ manager }: { manager: RscPluginManager }): Plugin {
   return {
     name: 'rsc:scan-strip',
     apply: 'build',
diff --git a/packages/plugin-rsc/src/plugins/utils.ts b/packages/plugin-rsc/src/plugins/utils.ts
index 42dfe42d1..a2235ff6c 100644
--- a/packages/plugin-rsc/src/plugins/utils.ts
+++ b/packages/plugin-rsc/src/plugins/utils.ts
@@ -1,16 +1,9 @@
 import assert from 'node:assert'
 import { createHash } from 'node:crypto'
-import {
-  normalizePath,
-  type Plugin,
-  type ResolvedConfig,
-  type Rollup,
-} from 'vite'
+import { normalizePath, type Plugin, type ResolvedConfig, type Rollup } from 'vite'
 
 export function sortObject<T extends object>(o: T) {
-  return Object.fromEntries(
-    Object.entries(o).sort(([a], [b]) => a.localeCompare(b)),
-  ) as T
+  return Object.fromEntries(Object.entries(o).sort(([a], [b]) => a.localeCompare(b))) as T
 }
 
 // Rethrow transform error through `this.error` with `error.pos`
@@ -37,10 +30,7 @@ export function withRollupError<F extends (...args: any[]) => any>(
   } as F
 }
 
-export function createVirtualPlugin(
-  name: string,
-  load: Plugin['load'],
-): Plugin {
+export function createVirtualPlugin(name: string, load: Plugin['load']): Plugin {
   name = 'virtual:' + name
   return {
     name: `rsc:virtual-${name}`,
diff --git a/packages/plugin-rsc/src/plugins/validate-import.ts b/packages/plugin-rsc/src/plugins/validate-import.ts
index ef466e834..2f34f83da 100644
--- a/packages/plugin-rsc/src/plugins/validate-import.ts
+++ b/packages/plugin-rsc/src/plugins/validate-import.ts
@@ -52,11 +52,7 @@ export function validateImportPlugin(): Plugin {
         if (this.environment.mode === 'dev') {
           if (id.startsWith(`\0virtual:vite-rsc/validate-imports/invalid/`)) {
             const chain = getImportChainDev(this.environment, id)
-            validateImportChain(
-              chain,
-              this.environment.name,
-              this.environment.config.root,
-            )
+            validateImportChain(chain, this.environment.name, this.environment.config.root)
           }
         }
       },
@@ -69,20 +65,12 @@ export function validateImportPlugin(): Plugin {
           this,
           '\0virtual:vite-rsc/validate-imports/invalid/server-only',
         )
-        validateImportChain(
-          serverOnly,
-          this.environment.name,
-          this.environment.config.root,
-        )
+        validateImportChain(serverOnly, this.environment.name, this.environment.config.root)
         const clientOnly = getImportChainBuild(
           this,
           '\0virtual:vite-rsc/validate-imports/invalid/client-only',
         )
-        validateImportChain(
-          clientOnly,
-          this.environment.name,
-          this.environment.config.root,
-        )
+        validateImportChain(clientOnly, this.environment.name, this.environment.config.root)
       }
     },
   }
@@ -120,11 +108,7 @@ function getImportChainBuild(ctx: Rollup.PluginContext, id: string): string[] {
   return chain
 }
 
-function validateImportChain(
-  chain: string[],
-  environmentName: string,
-  root: string,
-) {
+function validateImportChain(chain: string[], environmentName: string, root: string) {
   if (chain.length === 0) return
   const id = chain[0]!
   const source = id.slice(id.lastIndexOf('/') + 1)
@@ -134,8 +118,7 @@ function validateImportChain(
     .slice(1, 6)
     .map(
       (id, i) =>
-        ' '.repeat(i + 1) +
-        `imported by ${path.relative(root, id).replaceAll('\0', '')}\n`,
+        ' '.repeat(i + 1) + `imported by ${path.relative(root, id).replaceAll('\0', '')}\n`,
     )
     .join('')
   if (chain.length > 6) {
diff --git a/packages/plugin-rsc/src/plugins/vite-utils.ts b/packages/plugin-rsc/src/plugins/vite-utils.ts
index afa780b11..9f0ccd37c 100644
--- a/packages/plugin-rsc/src/plugins/vite-utils.ts
+++ b/packages/plugin-rsc/src/plugins/vite-utils.ts
@@ -110,10 +110,7 @@ export function normalizeResolvedIdToUrl(
   return url
 }
 
-export function normalizeViteImportAnalysisUrl(
-  environment: DevEnvironment,
-  id: string,
-): string {
+export function normalizeViteImportAnalysisUrl(environment: DevEnvironment, id: string): string {
   let url = normalizeResolvedIdToUrl(environment, id, { id })
 
   // https://github.com/vitejs/vite/blob/c18ce868c4d70873406e9f7d1b2d0a03264d2168/packages/vite/src/node/plugins/importAnalysis.ts#L416
diff --git a/packages/plugin-rsc/src/react/browser.ts b/packages/plugin-rsc/src/react/browser.ts
index 2d0bded73..062c514d6 100644
--- a/packages/plugin-rsc/src/react/browser.ts
+++ b/packages/plugin-rsc/src/react/browser.ts
@@ -26,13 +26,10 @@ export function createFromFetch<T>(
   })
 }
 
-export const encodeReply: (
-  v: unknown[],
-  options?: unknown,
-) => Promise<string | FormData> = ReactClient.encodeReply
+export const encodeReply: (v: unknown[], options?: unknown) => Promise<string | FormData> =
+  ReactClient.encodeReply
 
-export const createServerReference: (...args: any[]) => unknown =
-  ReactClient.createServerReference
+export const createServerReference: (...args: any[]) => unknown = ReactClient.createServerReference
 
 // use global instead of local variable  to tolerate duplicate modules
 // e.g. when `setServerCallback` is pre-bundled but `createServerReference` is not
@@ -47,13 +44,9 @@ export function setServerCallback(fn: CallServerCallback): void {
 
 export type { CallServerCallback }
 
-export const createTemporaryReferenceSet: () => unknown =
-  ReactClient.createTemporaryReferenceSet
+export const createTemporaryReferenceSet: () => unknown = ReactClient.createTemporaryReferenceSet
 
-export function findSourceMapURL(
-  filename: string,
-  environmentName: string,
-): string | null {
+export function findSourceMapURL(filename: string, environmentName: string): string | null {
   // TODO: respect config.server.origin and config.base?
   const url = new URL('/__vite_rsc_findSourceMapURL', window.location.origin)
   url.searchParams.set('filename', filename)
diff --git a/packages/plugin-rsc/src/react/rsc.ts b/packages/plugin-rsc/src/react/rsc.ts
index 260cd820f..20db8b899 100644
--- a/packages/plugin-rsc/src/react/rsc.ts
+++ b/packages/plugin-rsc/src/react/rsc.ts
@@ -11,15 +11,8 @@ import {
 
 export { loadServerAction, setRequireModule } from '../core/rsc'
 
-export function renderToReadableStream<T>(
-  data: T,
-  options?: object,
-): ReadableStream<Uint8Array> {
-  return ReactServer.renderToReadableStream(
-    data,
-    createClientManifest(),
-    options,
-  )
+export function renderToReadableStream<T>(data: T, options?: object): ReadableStream<Uint8Array> {
+  return ReactServer.renderToReadableStream(data, createClientManifest(), options)
 }
 
 export function createFromReadableStream<T>(
@@ -37,24 +30,14 @@ export function createFromReadableStream<T>(
   })
 }
 
-export function registerClientReference<T>(
-  proxy: T,
-  id: string,
-  name: string,
-): T {
+export function registerClientReference<T>(proxy: T, id: string, name: string): T {
   return ReactServer.registerClientReference(proxy, id, name)
 }
 
-export const registerServerReference: <T>(
-  ref: T,
-  id: string,
-  name: string,
-) => T = ReactServer.registerServerReference
+export const registerServerReference: <T>(ref: T, id: string, name: string) => T =
+  ReactServer.registerServerReference
 
-export function decodeReply(
-  body: string | FormData,
-  options?: unknown,
-): Promise<unknown[]> {
+export function decodeReply(body: string | FormData, options?: unknown): Promise<unknown[]> {
   return ReactServer.decodeReply(body, createServerManifest(), options)
 }
 
@@ -69,13 +52,10 @@ export function decodeFormState(
   return ReactServer.decodeFormState(actionResult, body, createServerManifest())
 }
 
-export const createTemporaryReferenceSet: () => unknown =
-  ReactServer.createTemporaryReferenceSet
+export const createTemporaryReferenceSet: () => unknown = ReactServer.createTemporaryReferenceSet
 
-export const encodeReply: (
-  v: unknown[],
-  options?: unknown,
-) => Promise<string | FormData> = ReactClient.encodeReply
+export const encodeReply: (v: unknown[], options?: unknown) => Promise<string | FormData> =
+  ReactClient.encodeReply
 
 export const createClientTemporaryReferenceSet: () => unknown =
   ReactClient.createTemporaryReferenceSet
diff --git a/packages/plugin-rsc/src/rsc.tsx b/packages/plugin-rsc/src/rsc.tsx
index 801fea4c0..cc284f2d6 100644
--- a/packages/plugin-rsc/src/rsc.tsx
+++ b/packages/plugin-rsc/src/rsc.tsx
@@ -1,16 +1,9 @@
 import serverReferences from 'virtual:vite-rsc/server-references'
 import { setRequireModule } from './core/rsc'
 
-export {
-  createClientManifest,
-  createServerManifest,
-  loadServerAction,
-} from './core/rsc'
+export { createClientManifest, createServerManifest, loadServerAction } from './core/rsc'
 
-export {
-  encryptActionBoundArgs,
-  decryptActionBoundArgs,
-} from './utils/encryption-runtime'
+export { encryptActionBoundArgs, decryptActionBoundArgs } from './utils/encryption-runtime'
 
 export * from './react/rsc'
 
diff --git a/packages/plugin-rsc/src/transforms/cjs.ts b/packages/plugin-rsc/src/transforms/cjs.ts
index c5781fec7..5a1f884f3 100644
--- a/packages/plugin-rsc/src/transforms/cjs.ts
+++ b/packages/plugin-rsc/src/transforms/cjs.ts
@@ -53,22 +53,13 @@ export function transformCjsToEsm(
         if (isTopLevel) {
           // top-level scope `require` to dynamic import with interop
           // (this allows handling react development/production re-export within top-level if branch)
-          output.update(
-            node.start,
-            node.callee.end,
-            '(__cjs_interop__(await import',
-          )
+          output.update(node.start, node.callee.end, '(__cjs_interop__(await import')
           output.appendRight(node.end, '))')
         } else {
           // hoist non top-level `require` to top-level
           const hoisted = `__cjs_to_esm_hoist_${hoistIndex}`
-          const importee = code.slice(
-            node.arguments[0]!.start,
-            node.arguments[0]!.end,
-          )
-          hoistedCodes.push(
-            `const ${hoisted} = __cjs_interop__(await import(${importee}));\n`,
-          )
+          const importee = code.slice(node.arguments[0]!.start, node.arguments[0]!.end)
+          hoistedCodes.push(`const ${hoisted} = __cjs_interop__(await import(${importee}));\n`)
           output.update(node.start, node.end, hoisted)
           hoistIndex++
         }
diff --git a/packages/plugin-rsc/src/transforms/hoist.test.ts b/packages/plugin-rsc/src/transforms/hoist.test.ts
index 22742a470..b78d46236 100644
--- a/packages/plugin-rsc/src/transforms/hoist.test.ts
+++ b/packages/plugin-rsc/src/transforms/hoist.test.ts
@@ -16,11 +16,7 @@ describe(transformHoistInlineDirective, () => {
     const { output } = transformHoistInlineDirective(input, ast, {
       runtime: (value, name, meta) =>
         `$$register(${value}, "<id>", ${JSON.stringify(name)}` +
-        `${
-          options?.directive instanceof RegExp
-            ? `, ${JSON.stringify(meta)}`
-            : ''
-        })`,
+        `${options?.directive instanceof RegExp ? `, ${JSON.stringify(meta)}` : ''})`,
       directive: options?.directive ?? 'use server',
       encode: options?.encode ? (v) => `__enc(${v})` : undefined,
       decode: options?.encode ? (v) => `__dec(${v})` : undefined,
@@ -38,8 +34,7 @@ describe(transformHoistInlineDirective, () => {
   async function testTransformNames(input: string) {
     const ast = await parseAstAsync(input)
     const result = transformHoistInlineDirective(input, ast, {
-      runtime: (value, name) =>
-        `$$register(${value}, "<id>", ${JSON.stringify(name)})`,
+      runtime: (value, name) => `$$register(${value}, "<id>", ${JSON.stringify(name)})`,
       directive: 'use server',
     })
     return result.names
@@ -111,9 +106,7 @@ export default function w() {
     `)
 
     // nothing to encode
-    expect(await testTransform(input, { encode: true })).toBe(
-      await testTransform(input),
-    )
+    expect(await testTransform(input, { encode: true })).toBe(await testTransform(input))
 
     expect(await testTransformNames(input)).toMatchInlineSnapshot(`
       [
diff --git a/packages/plugin-rsc/src/transforms/hoist.ts b/packages/plugin-rsc/src/transforms/hoist.ts
index eb5bf15ba..26d09120c 100644
--- a/packages/plugin-rsc/src/transforms/hoist.ts
+++ b/packages/plugin-rsc/src/transforms/hoist.ts
@@ -12,11 +12,7 @@ export function transformHoistInlineDirective(
     rejectNonAsyncFunction,
     ...options
   }: {
-    runtime: (
-      value: string,
-      name: string,
-      meta: { directiveMatch: RegExpMatchArray },
-    ) => string
+    runtime: (value: string, name: string, meta: { directiveMatch: RegExpMatchArray }) => string
     directive: string | RegExp
     rejectNonAsyncFunction?: boolean
     encode?: (value: string) => string
@@ -33,9 +29,7 @@ export function transformHoistInlineDirective(
   }
   const output = new MagicString(input)
   const directive =
-    typeof options.directive === 'string'
-      ? exactRegex(options.directive)
-      : options.directive
+    typeof options.directive === 'string' ? exactRegex(options.directive) : options.directive
 
   // re-export somehow confuses periscopic scopes so remove them before analysis
   walk(ast, {
@@ -63,12 +57,9 @@ export function transformHoistInlineDirective(
         const match = matchDirective(node.body.body, directive)?.match
         if (!match) return
         if (!node.async && rejectNonAsyncFunction) {
-          throw Object.assign(
-            new Error(`"${directive}" doesn't allow non async function`),
-            {
-              pos: node.start,
-            },
-          )
+          throw Object.assign(new Error(`"${directive}" doesn't allow non async function`), {
+            pos: node.start,
+          })
         }
 
         const scope = analyzed.map.get(node)
@@ -90,10 +81,9 @@ export function transformHoistInlineDirective(
           const owner = scope.find_owner(ref)
           return owner && owner !== scope && owner !== analyzed.scope
         })
-        let newParams = [
-          ...bindVars,
-          ...node.params.map((n) => input.slice(n.start, n.end)),
-        ].join(', ')
+        let newParams = [...bindVars, ...node.params.map((n) => input.slice(n.start, n.end))].join(
+          ', ',
+        )
         if (bindVars.length > 0 && options.decode) {
           newParams = [
             '$$hoist_encoded',
@@ -101,15 +91,12 @@ export function transformHoistInlineDirective(
           ].join(', ')
           output.appendLeft(
             node.body.body[0]!.start,
-            `const [${bindVars.join(',')}] = ${options.decode(
-              '$$hoist_encoded',
-            )};\n`,
+            `const [${bindVars.join(',')}] = ${options.decode('$$hoist_encoded')};\n`,
           )
         }
 
         // append a new `FunctionDeclaration` at the end
-        const newName =
-          `$$hoist_${names.length}` + (originalName ? `_${originalName}` : '')
+        const newName = `$$hoist_${names.length}` + (originalName ? `_${originalName}` : '')
         names.push(newName)
         output.update(
           node.start,
diff --git a/packages/plugin-rsc/src/transforms/proxy-export.ts b/packages/plugin-rsc/src/transforms/proxy-export.ts
index f08a05701..a831a3c41 100644
--- a/packages/plugin-rsc/src/transforms/proxy-export.ts
+++ b/packages/plugin-rsc/src/transforms/proxy-export.ts
@@ -79,8 +79,7 @@ export function transformProxyExport(
            */
           validateNonAsyncFunction(
             node,
-            node.declaration.type === 'FunctionDeclaration' &&
-              node.declaration.async,
+            node.declaration.type === 'FunctionDeclaration' && node.declaration.async,
           )
           createExport(node, [node.declaration.id.name])
         } else if (node.declaration.type === 'VariableDeclaration') {
@@ -90,9 +89,7 @@ export function transformProxyExport(
           validateNonAsyncFunction(
             node,
             node.declaration.declarations.every(
-              (decl) =>
-                decl.init?.type === 'ArrowFunctionExpression' &&
-                decl.init.async,
+              (decl) => decl.init?.type === 'ArrowFunctionExpression' && decl.init.async,
             ),
           )
           if (options.keep && options.code) {
@@ -101,19 +98,16 @@ export function transformProxyExport(
               if (decl.id.type === 'Identifier' && decl.init) {
                 const name = decl.id.name
                 const value = options.code.slice(decl.init.start, decl.init.end)
-                const newCode = `export const ${name} = /* #__PURE__ */ ${options.runtime(
-                  name,
-                  { value },
-                )};`
+                const newCode = `export const ${name} = /* #__PURE__ */ ${options.runtime(name, {
+                  value,
+                })};`
                 output.update(node.start, node.end, newCode)
                 exportNames.push(name)
                 continue
               }
             }
           }
-          const names = node.declaration.declarations.flatMap((decl) =>
-            extract_names(decl.id),
-          )
+          const names = node.declaration.declarations.flatMap((decl) => extract_names(decl.id))
           createExport(node, names)
         } else {
           node.declaration satisfies never
@@ -136,10 +130,7 @@ export function transformProxyExport(
     /**
      * export * from './foo'
      */
-    if (
-      !options.ignoreExportAllDeclaration &&
-      node.type === 'ExportAllDeclaration'
-    ) {
+    if (!options.ignoreExportAllDeclaration && node.type === 'ExportAllDeclaration') {
       throw new Error('unsupported ExportAllDeclaration')
     }
 
@@ -152,8 +143,7 @@ export function transformProxyExport(
       validateNonAsyncFunction(
         node,
         node.declaration.type === 'Identifier' ||
-          (node.declaration.type === 'FunctionDeclaration' &&
-            node.declaration.async),
+          (node.declaration.type === 'FunctionDeclaration' && node.declaration.async),
       )
       createExport(node, ['default'])
       continue
diff --git a/packages/plugin-rsc/src/transforms/utils.ts b/packages/plugin-rsc/src/transforms/utils.ts
index aafcecbfc..ba0ae2ee9 100644
--- a/packages/plugin-rsc/src/transforms/utils.ts
+++ b/packages/plugin-rsc/src/transforms/utils.ts
@@ -2,10 +2,7 @@ import { tinyassert } from '@hiogawa/utils'
 import type { Program } from 'estree'
 import { extract_names } from 'periscopic'
 
-export function hasDirective(
-  body: Program['body'],
-  directive: string,
-): boolean {
+export function hasDirective(body: Program['body'], directive: string): boolean {
   return !!body.find(
     (stmt) =>
       stmt.type === 'ExpressionStatement' &&
@@ -61,10 +58,7 @@ export function getExportNames(
     /**
      * export * from './foo'
      */
-    if (
-      !options.ignoreExportAllDeclaration &&
-      node.type === 'ExportAllDeclaration'
-    ) {
+    if (!options.ignoreExportAllDeclaration && node.type === 'ExportAllDeclaration') {
       throw new Error('unsupported ExportAllDeclaration')
     }
 
diff --git a/packages/plugin-rsc/src/transforms/waku.test.ts b/packages/plugin-rsc/src/transforms/waku.test.ts
index a89d6bbda..67a967bac 100644
--- a/packages/plugin-rsc/src/transforms/waku.test.ts
+++ b/packages/plugin-rsc/src/transforms/waku.test.ts
@@ -12,8 +12,7 @@ async function testDirectiveTransform(input: string, directive: string) {
   const result = transformDirectiveProxyExport(ast, {
     directive,
     code: input,
-    runtime: (name) =>
-      `$runtime(${JSON.stringify('<id>#' + name)}, ${JSON.stringify(name)})`,
+    runtime: (name) => `$runtime(${JSON.stringify('<id>#' + name)}, ${JSON.stringify(name)})`,
     keep: directive === 'use client',
   })
 
@@ -32,8 +31,7 @@ describe('internal transform function for server environment', () => {
   async function testTransform(input: string) {
     const ast = await parseAstAsync(input)
     const result = transformServerActionServer(input, ast, {
-      runtime: (value, name) =>
-        `$runtime(${value}, "<id>", ${JSON.stringify(name)})`,
+      runtime: (value, name) => `$runtime(${value}, "<id>", ${JSON.stringify(name)})`,
     })
 
     if (!('output' in result) || !result.output.hasChanged()) {
@@ -101,8 +99,7 @@ export default function App() {
   return "Hello World";
 }
 `
-    expect(await testDirectiveTransform(input, 'use client'))
-      .toMatchInlineSnapshot(`
+    expect(await testDirectiveTransform(input, 'use client')).toMatchInlineSnapshot(`
       "
       'use client';
 
@@ -498,8 +495,7 @@ export default async function log4(mesg) {
   console.log(mesg);
 }
 `
-    expect(await testDirectiveTransform(input, 'use server'))
-      .toMatchInlineSnapshot(`
+    expect(await testDirectiveTransform(input, 'use server')).toMatchInlineSnapshot(`
       "
 
 
@@ -532,8 +528,7 @@ export async function log(mesg) {
   console.log(mesg);
 }
 `
-    expect(await testDirectiveTransform(input, 'use server'))
-      .toMatchInlineSnapshot(`
+    expect(await testDirectiveTransform(input, 'use server')).toMatchInlineSnapshot(`
       "
 
 
diff --git a/packages/plugin-rsc/src/transforms/wrap-export.test.ts b/packages/plugin-rsc/src/transforms/wrap-export.test.ts
index 28dfa19a4..b600b9429 100644
--- a/packages/plugin-rsc/src/transforms/wrap-export.test.ts
+++ b/packages/plugin-rsc/src/transforms/wrap-export.test.ts
@@ -1,19 +1,12 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
 import { debugSourceMap } from './test-utils'
-import {
-  type TransformWrapExportOptions,
-  transformWrapExport,
-} from './wrap-export'
+import { type TransformWrapExportOptions, transformWrapExport } from './wrap-export'
 
-async function testTransform(
-  input: string,
-  options?: Omit<TransformWrapExportOptions, 'runtime'>,
-) {
+async function testTransform(input: string, options?: Omit<TransformWrapExportOptions, 'runtime'>) {
   const ast = await parseAstAsync(input)
   const { output } = transformWrapExport(input, ast, {
-    runtime: (value, name) =>
-      `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
+    runtime: (value, name) => `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
     ignoreExportAllDeclaration: true,
     ...options,
   })
@@ -26,8 +19,7 @@ async function testTransform(
 async function testTransformNames(input: string) {
   const ast = await parseAstAsync(input)
   const result = transformWrapExport(input, ast, {
-    runtime: (value, name) =>
-      `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
+    runtime: (value, name) => `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
     ignoreExportAllDeclaration: true,
   })
   return result.exportNames
diff --git a/packages/plugin-rsc/src/transforms/wrap-export.ts b/packages/plugin-rsc/src/transforms/wrap-export.ts
index 5c6cdcae4..d2a60795e 100644
--- a/packages/plugin-rsc/src/transforms/wrap-export.ts
+++ b/packages/plugin-rsc/src/transforms/wrap-export.ts
@@ -9,10 +9,7 @@ type ExportMeta = {
   defaultExportIdentifierName?: string
 }
 
-export type TransformWrapExportFilter = (
-  name: string,
-  meta: ExportMeta,
-) => boolean
+export type TransformWrapExportFilter = (name: string, meta: ExportMeta) => boolean
 
 export type TransformWrapExportOptions = {
   runtime: (value: string, name: string, meta: ExportMeta) => string
@@ -34,11 +31,7 @@ export function transformWrapExport(
   const toAppend: string[] = []
   const filter = options.filter ?? (() => true)
 
-  function wrapSimple(
-    start: number,
-    end: number,
-    exports: { name: string; meta: ExportMeta }[],
-  ) {
+  function wrapSimple(start: number, end: number, exports: { name: string; meta: ExportMeta }[]) {
     exportNames.push(...exports.map((e) => e.name))
     // update code and move to preserve `registerServerReference` position
     // e.g.
@@ -52,11 +45,7 @@ export function transformWrapExport(
     const newCode = exports
       .map((e) => [
         filter(e.name, e.meta) &&
-          `${e.name} = /* #__PURE__ */ ${options.runtime(
-            e.name,
-            e.name,
-            e.meta,
-          )};\n`,
+          `${e.name} = /* #__PURE__ */ ${options.runtime(e.name, e.name, e.meta)};\n`,
         `export { ${e.name} };\n`,
       ])
       .flat()
@@ -74,11 +63,7 @@ export function transformWrapExport(
     }
 
     toAppend.push(
-      `const $$wrap_${name} = /* #__PURE__ */ ${options.runtime(
-        name,
-        exportName,
-        meta,
-      )}`,
+      `const $$wrap_${name} = /* #__PURE__ */ ${options.runtime(name, exportName, meta)}`,
       `export { $$wrap_${name} as ${exportName} }`,
     )
   }
@@ -124,15 +109,9 @@ export function transformWrapExport(
             }
           }
           if (node.declaration.kind === 'const') {
-            output.update(
-              node.declaration.start,
-              node.declaration.start + 5,
-              'let',
-            )
+            output.update(node.declaration.start, node.declaration.start + 5, 'let')
           }
-          const names = node.declaration.declarations.flatMap((decl) =>
-            extract_names(decl.id),
-          )
+          const names = node.declaration.declarations.flatMap((decl) => extract_names(decl.id))
           // treat only simple single decl as function
           let isFunction = false
           if (node.declaration.declarations.length === 1) {
@@ -163,9 +142,7 @@ export function transformWrapExport(
             tinyassert(spec.local.type === 'Identifier')
             tinyassert(spec.exported.type === 'Identifier')
             const name = spec.local.name
-            toAppend.push(
-              `import { ${name} as $$import_${name} } from ${node.source.raw}`,
-            )
+            toAppend.push(`import { ${name} as $$import_${name} } from ${node.source.raw}`)
             wrapExport(`$$import_${name}`, spec.exported.name)
           }
         } else {
@@ -188,10 +165,7 @@ export function transformWrapExport(
     // vue sfc uses ExportAllDeclaration to re-export setup script.
     // for now we just give an option to not throw for this case.
     // https://github.com/vitejs/vite-plugin-vue/blob/30a97c1ddbdfb0e23b7dc14a1d2fb609668b9987/packages/plugin-vue/src/main.ts#L372
-    if (
-      !options.ignoreExportAllDeclaration &&
-      node.type === 'ExportAllDeclaration'
-    ) {
+    if (!options.ignoreExportAllDeclaration && node.type === 'ExportAllDeclaration') {
       throw Object.assign(new Error('unsupported ExportAllDeclaration'), {
         pos: node.start,
       })
diff --git a/packages/plugin-rsc/src/types/virtual.d.ts b/packages/plugin-rsc/src/types/virtual.d.ts
index eb2108382..a12c3f7db 100644
--- a/packages/plugin-rsc/src/types/virtual.d.ts
+++ b/packages/plugin-rsc/src/types/virtual.d.ts
@@ -6,9 +6,7 @@ declare module 'virtual:vite-rsc/assets-manifest' {
 declare module 'virtual:vite-rsc/client-references' {
   const default_: Record<string, () => Promise<unknown>>
   export default default_
-  export const assetDeps:
-    | Record<string, import('./plugin').AssetDeps>
-    | undefined
+  export const assetDeps: Record<string, import('./plugin').AssetDeps> | undefined
 }
 
 declare module 'virtual:vite-rsc/server-references' {
diff --git a/packages/plugin-rsc/src/utils/encryption-runtime.ts b/packages/plugin-rsc/src/utils/encryption-runtime.ts
index 84b307ce0..c08327a4d 100644
--- a/packages/plugin-rsc/src/utils/encryption-runtime.ts
+++ b/packages/plugin-rsc/src/utils/encryption-runtime.ts
@@ -14,24 +14,16 @@ import {
 // https://github.com/vercel/next.js/blob/c10c10daf9e95346c31c24dc49d6b7cda48b5bc8/packages/next/src/server/app-render/encryption.ts
 // https://github.com/vercel/next.js/pull/56377
 
-export async function encryptActionBoundArgs(
-  originalValue: unknown,
-): Promise<string> {
+export async function encryptActionBoundArgs(originalValue: unknown): Promise<string> {
   const serialized = renderToReadableStream(originalValue)
   const serializedBuffer = await concatArrayStream(serialized)
-  return encryptBuffer(
-    serializedBuffer as BufferSource,
-    await getEncryptionKey(),
-  )
+  return encryptBuffer(serializedBuffer as BufferSource, await getEncryptionKey())
 }
 
 export async function decryptActionBoundArgs(
   encrypted: ReturnType<typeof encryptActionBoundArgs>,
 ): Promise<unknown> {
-  const serializedBuffer = await decryptBuffer(
-    await encrypted,
-    await getEncryptionKey(),
-  )
+  const serializedBuffer = await decryptBuffer(await encrypted, await getEncryptionKey())
   const serialized = arrayToStream(new Uint8Array(serializedBuffer))
   return createFromReadableStream(serialized)
 }
diff --git a/packages/plugin-rsc/src/utils/encryption-utils.ts b/packages/plugin-rsc/src/utils/encryption-utils.ts
index 34ca2a379..a02be03c3 100644
--- a/packages/plugin-rsc/src/utils/encryption-utils.ts
+++ b/packages/plugin-rsc/src/utils/encryption-utils.ts
@@ -37,9 +37,7 @@ function concatArray(chunks: Uint8Array[]): Uint8Array {
   return result
 }
 
-export async function concatArrayStream(
-  stream: ReadableStream<Uint8Array>,
-): Promise<Uint8Array> {
+export async function concatArrayStream(stream: ReadableStream<Uint8Array>): Promise<Uint8Array> {
   const chunks: Uint8Array[] = []
   await stream.pipeTo(
     new WritableStream({
@@ -81,10 +79,7 @@ export async function generateEncryptionKey(): Promise<Uint8Array> {
   return new Uint8Array(exported)
 }
 
-export async function encryptBuffer(
-  data: BufferSource,
-  key: CryptoKey,
-): Promise<string> {
+export async function encryptBuffer(data: BufferSource, key: CryptoKey): Promise<string> {
   const iv = crypto.getRandomValues(new Uint8Array(16))
   const encrypted = await crypto.subtle.encrypt(
     {
@@ -97,10 +92,7 @@ export async function encryptBuffer(
   return toBase64(concatArray([iv, new Uint8Array(encrypted)]))
 }
 
-export async function decryptBuffer(
-  encryptedString: string,
-  key: CryptoKey,
-): Promise<ArrayBuffer> {
+export async function decryptBuffer(encryptedString: string, key: CryptoKey): Promise<ArrayBuffer> {
   const concatenated = fromBase64(encryptedString)
   const iv = concatenated.slice(0, 16)
   const encrypted = concatenated.slice(16)
diff --git a/packages/plugin-rsc/src/utils/rpc.ts b/packages/plugin-rsc/src/utils/rpc.ts
index 483b9a2e7..9ec3c400d 100644
--- a/packages/plugin-rsc/src/utils/rpc.ts
+++ b/packages/plugin-rsc/src/utils/rpc.ts
@@ -20,9 +20,7 @@ export function createRpcServer<T extends object>(handlers: T) {
     )
     const handler = (handlers as any)[reqPayload.method]
     if (!handler) {
-      throw new Error(
-        `loadModuleDevProxy error: unknown method ${reqPayload.method}`,
-      )
+      throw new Error(`loadModuleDevProxy error: unknown method ${reqPayload.method}`)
     }
     const resPayload: ResponsePayload = { ok: true, data: undefined }
     try {
@@ -49,13 +47,9 @@ export function createRpcClient<T>(options: { endpoint: string }): T {
       duplex: 'half',
     })
     if (!res.ok || !res.body) {
-      throw new Error(
-        `loadModuleDevProxy error: ${res.status} ${res.statusText}`,
-      )
+      throw new Error(`loadModuleDevProxy error: ${res.status} ${res.statusText}`)
     }
-    const resPayload = await decode<ResponsePayload>(
-      res.body.pipeThrough(new TextDecoderStream()),
-    )
+    const resPayload = await decode<ResponsePayload>(res.body.pipeThrough(new TextDecoderStream()))
     if (!resPayload.ok) {
       throw resPayload.data
     }
diff --git a/packages/plugin-rsc/tsdown.config.ts b/packages/plugin-rsc/tsdown.config.ts
index 2e19e74e7..eed9bc520 100644
--- a/packages/plugin-rsc/tsdown.config.ts
+++ b/packages/plugin-rsc/tsdown.config.ts
@@ -32,11 +32,10 @@ export default defineConfig({
       buildStart() {
         fs.rmSync('./dist/vendor/', { recursive: true, force: true })
         fs.mkdirSync('./dist/vendor', { recursive: true })
-        fs.cpSync(
-          './node_modules/react-server-dom-webpack',
-          './dist/vendor/react-server-dom',
-          { recursive: true, dereference: true },
-        )
+        fs.cpSync('./node_modules/react-server-dom-webpack', './dist/vendor/react-server-dom', {
+          recursive: true,
+          dereference: true,
+        })
         fs.rmSync('./dist/vendor/react-server-dom/node_modules', {
           recursive: true,
           force: true,
diff --git a/playground/class-components/__tests__/class-components.spec.ts b/playground/class-components/__tests__/class-components.spec.ts
index 8ebb42c84..40ebb517c 100644
--- a/playground/class-components/__tests__/class-components.spec.ts
+++ b/playground/class-components/__tests__/class-components.spec.ts
@@ -8,21 +8,11 @@ test('should render', async () => {
 if (isServe) {
   test('Class component HMR', async () => {
     editFile('src/App.tsx', (code) => code.replace('World', 'class components'))
-    await untilBrowserLogAfter(
-      () => page.textContent('span'),
-      '[vite] hot updated: /src/App.tsx',
-    )
-    await expect
-      .poll(() => page.textContent('span'))
-      .toMatch('Hello class components')
+    await untilBrowserLogAfter(() => page.textContent('span'), '[vite] hot updated: /src/App.tsx')
+    await expect.poll(() => page.textContent('span')).toMatch('Hello class components')
 
     editFile('src/utils.tsx', (code) => code.replace('Hello', 'Hi'))
-    await untilBrowserLogAfter(
-      () => page.textContent('span'),
-      '[vite] hot updated: /src/App.tsx',
-    )
-    await expect
-      .poll(() => page.textContent('span'))
-      .toMatch('Hi class components')
+    await untilBrowserLogAfter(() => page.textContent('span'), '[vite] hot updated: /src/App.tsx')
+    await expect.poll(() => page.textContent('span')).toMatch('Hi class components')
   })
 }
diff --git a/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts b/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts
index 742b6f37a..b3a477e8f 100644
--- a/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts
+++ b/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts
@@ -8,8 +8,6 @@ test('should render', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('src/App.tsx', (code) =>
-    code.replace('count is {count}', 'count is {count}!'),
-  )
+  editFile('src/App.tsx', (code) => code.replace('count is {count}', 'count is {count}!'))
   await expect.poll(() => page.textContent('button')).toMatch('count is 1!')
 })
diff --git a/playground/compiler-react-18/src/App.tsx b/playground/compiler-react-18/src/App.tsx
index 5ac9bad2a..3655bf765 100644
--- a/playground/compiler-react-18/src/App.tsx
+++ b/playground/compiler-react-18/src/App.tsx
@@ -8,16 +8,12 @@ export function App() {
     <>
       <h1>Vite + React 18 + compiler</h1>
       <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
+        <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
+      <p className="read-the-docs">Click on the Vite and React logos to learn more</p>
     </>
   )
 }
diff --git a/playground/compiler/__tests__/compiler.spec.ts b/playground/compiler/__tests__/compiler.spec.ts
index 0889e0bd4..b7ec18bc7 100644
--- a/playground/compiler/__tests__/compiler.spec.ts
+++ b/playground/compiler/__tests__/compiler.spec.ts
@@ -9,8 +9,6 @@ test('should render', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('src/App.tsx', (code) =>
-    code.replace('count is {count}', 'count is {count}!'),
-  )
+  editFile('src/App.tsx', (code) => code.replace('count is {count}', 'count is {count}!'))
   await expect.poll(() => page.textContent('button')).toMatch('count is 1!')
 })
diff --git a/playground/compiler/src/App.tsx b/playground/compiler/src/App.tsx
index 07f8d0add..034328d8d 100644
--- a/playground/compiler/src/App.tsx
+++ b/playground/compiler/src/App.tsx
@@ -9,16 +9,12 @@ export function App() {
     <>
       <h1>Vite + React Compiler</h1>
       <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>
-          count is {count}
-        </button>
+        <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">
-        Click on the Vite and React logos to learn more
-      </p>
+      <p className="read-the-docs">Click on the Vite and React logos to learn more</p>
       <ClassComponent />
     </>
   )
diff --git a/playground/hmr-false/src/App.tsx b/playground/hmr-false/src/App.tsx
index 367379e00..f3bb11962 100644
--- a/playground/hmr-false/src/App.tsx
+++ b/playground/hmr-false/src/App.tsx
@@ -5,9 +5,7 @@ export default function App() {
 
   return (
     <>
-      <button onClick={() => setCount((count) => count + 1)}>
-        count is {count}
-      </button>
+      <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
     </>
   )
 }
diff --git a/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts b/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts
index a07c15092..80339a03f 100644
--- a/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts
+++ b/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts
@@ -12,10 +12,7 @@ if (isServe) {
     editFile('src/useButtonHook.tsx', (code) =>
       code.replace('count is {count}', 'count is {count}!'),
     )
-    await untilBrowserLogAfter(
-      () => page.textContent('button'),
-      '[vite] hot updated: /src/App.tsx',
-    )
+    await untilBrowserLogAfter(() => page.textContent('button'), '[vite] hot updated: /src/App.tsx')
     await expect.poll(() => page.textContent('button')).toMatch('count is 1!')
   })
 }
diff --git a/playground/hook-with-jsx/src/useButtonHook.tsx b/playground/hook-with-jsx/src/useButtonHook.tsx
index cae586690..a0837e902 100644
--- a/playground/hook-with-jsx/src/useButtonHook.tsx
+++ b/playground/hook-with-jsx/src/useButtonHook.tsx
@@ -2,9 +2,5 @@ import { useState } from 'react'
 
 export function useButtonHook() {
   const [count, setCount] = useState(0)
-  return (
-    <button onClick={() => setCount((count) => count + 1)}>
-      count is {count}
-    </button>
-  )
+  return <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
 }
diff --git a/playground/include-node-modules/App.jsx b/playground/include-node-modules/App.jsx
index fb04124a6..fa85f7251 100644
--- a/playground/include-node-modules/App.jsx
+++ b/playground/include-node-modules/App.jsx
@@ -4,10 +4,7 @@ function App() {
   return (
     <div>
       <h1>Node Modules Include Test</h1>
-      <p>
-        This playground tests that files in node_modules are processed
-        correctly.
-      </p>
+      <p>This playground tests that files in node_modules are processed correctly.</p>
 
       <p className="result">Result: {'' + test}</p>
     </div>
diff --git a/playground/mdx/__tests__/mdx.spec.ts b/playground/mdx/__tests__/mdx.spec.ts
index 12a510613..3f2a9559a 100644
--- a/playground/mdx/__tests__/mdx.spec.ts
+++ b/playground/mdx/__tests__/mdx.spec.ts
@@ -14,10 +14,7 @@ test('.md extension should work', async () => {
 if (isServe) {
   test('should hmr', async () => {
     editFile('src/demo.mdx', (code) => code.replace('Vite + MDX', 'Updated'))
-    await untilBrowserLogAfter(
-      () => page.textContent('h1'),
-      '[vite] hot updated: /src/demo.mdx',
-    )
+    await untilBrowserLogAfter(() => page.textContent('h1'), '[vite] hot updated: /src/demo.mdx')
     await expect.poll(() => page.textContent('h1')).toMatch('Updated')
   })
 
diff --git a/playground/mdx/vite.config.ts b/playground/mdx/vite.config.ts
index 4cee7a4ea..7bc628c3e 100644
--- a/playground/mdx/vite.config.ts
+++ b/playground/mdx/vite.config.ts
@@ -5,8 +5,5 @@ import mdx from '@mdx-js/rollup'
 // https://vite.dev/config/
 export default defineConfig({
   server: { port: 8901 /* Should be unique */ },
-  plugins: [
-    { enforce: 'pre', ...mdx() },
-    react({ include: /\.(mdx|md|ts|tsx)$/ }),
-  ],
+  plugins: [{ enforce: 'pre', ...mdx() }, react({ include: /\.(mdx|md|ts|tsx)$/ })],
 })
diff --git a/playground/react-classic/App.jsx b/playground/react-classic/App.jsx
index bb59d3864..bdfa10de4 100644
--- a/playground/react-classic/App.jsx
+++ b/playground/react-classic/App.jsx
@@ -8,9 +8,7 @@ function App() {
       <header className="App-header">
         <h1>Hello Vite + React</h1>
         <p>
-          <button onClick={() => setCount((count) => count + 1)}>
-            count is: {count}
-          </button>
+          <button onClick={() => setCount((count) => count + 1)}>count is: {count}</button>
         </p>
         <p>
           Edit <code>App.jsx</code> and save to test HMR updates.
diff --git a/playground/react-classic/__tests__/react.spec.ts b/playground/react-classic/__tests__/react.spec.ts
index a172997a5..fb3baf795 100644
--- a/playground/react-classic/__tests__/react.spec.ts
+++ b/playground/react-classic/__tests__/react.spec.ts
@@ -25,27 +25,18 @@ test.runIf(isServe)('should hmr files with queries', async () => {
   await page.click('#WithQuery-button')
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) =>
-    code.replace('With Query', 'With Query Updated'),
-  )
-  await expect
-    .poll(() => page.textContent('#WithQuery'))
-    .toBe('With Query Updated')
+  editFile('components/WithQuery.jsx', (code) => code.replace('With Query', 'With Query Updated'))
+  await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query Updated')
   // preserve state
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) =>
-    code.replace('With Query Updated', 'With Query'),
-  )
+  editFile('components/WithQuery.jsx', (code) => code.replace('With Query Updated', 'With Query'))
   await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query')
 })
 
-test.runIf(isServe)(
-  'should have annotated jsx with file location metadata',
-  async () => {
-    const res = await page.request.get(viteTestUrl + '/App.jsx')
-    const code = await res.text()
-    expect(code).toMatch(/lineNumber:\s*\d+/)
-    expect(code).toMatch(/columnNumber:\s*\d+/)
-  },
-)
+test.runIf(isServe)('should have annotated jsx with file location metadata', async () => {
+  const res = await page.request.get(viteTestUrl + '/App.jsx')
+  const code = await res.text()
+  expect(code).toMatch(/lineNumber:\s*\d+/)
+  expect(code).toMatch(/columnNumber:\s*\d+/)
+})
diff --git a/playground/react-classic/components/WithQuery.jsx b/playground/react-classic/components/WithQuery.jsx
index 7187dd074..dde7511fd 100644
--- a/playground/react-classic/components/WithQuery.jsx
+++ b/playground/react-classic/components/WithQuery.jsx
@@ -5,10 +5,7 @@ export default function WithQuery() {
   return (
     <>
       <div id="WithQuery">With Query</div>
-      <button
-        id="WithQuery-button"
-        onClick={() => setCount((count) => count + 1)}
-      >
+      <button id="WithQuery-button" onClick={() => setCount((count) => count + 1)}>
         count is: {count}
       </button>
     </>
diff --git a/playground/react-emotion/__tests__/react.spec.ts b/playground/react-emotion/__tests__/react.spec.ts
index 943a1c89c..a50298912 100644
--- a/playground/react-emotion/__tests__/react.spec.ts
+++ b/playground/react-emotion/__tests__/react.spec.ts
@@ -2,9 +2,7 @@ import { expect, test } from 'vitest'
 import { editFile, getColor, isServe, page } from '~utils'
 
 test('should render', async () => {
-  expect(await page.textContent('h1')).toMatch(
-    'Hello Vite + React + @emotion/react',
-  )
+  expect(await page.textContent('h1')).toMatch('Hello Vite + React + @emotion/react')
 })
 
 test('should update', async () => {
@@ -14,14 +12,10 @@ test('should update', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('src/App.tsx', (code) =>
-    code.replace('Vite + React + @emotion/react', 'Updated'),
-  )
+  editFile('src/App.tsx', (code) => code.replace('Vite + React + @emotion/react', 'Updated'))
   await expect.poll(() => page.textContent('h1')).toMatch('Hello Updated')
 
-  editFile('src/Counter.tsx', (code) =>
-    code.replace('color: #646cff;', 'color: #d26ac2;'),
-  )
+  editFile('src/Counter.tsx', (code) => code.replace('color: #646cff;', 'color: #d26ac2;'))
 
   await expect.poll(() => getColor('code')).toMatch('#d26ac2')
 
diff --git a/playground/react-sourcemap/main.jsx b/playground/react-sourcemap/main.jsx
index b53aa9526..10cf96fc6 100644
--- a/playground/react-sourcemap/main.jsx
+++ b/playground/react-sourcemap/main.jsx
@@ -2,8 +2,6 @@ import React from 'react'
 import ReactDOM from 'react-dom/client'
 import App from './App.jsx'
 
-ReactDOM.createRoot(document.getElementById('app')).render(
-  React.createElement(App),
-)
+ReactDOM.createRoot(document.getElementById('app')).render(React.createElement(App))
 
 console.log('main.jsx') // for sourcemap
diff --git a/playground/react/App.jsx b/playground/react/App.jsx
index b2e66b30d..c1fbab344 100644
--- a/playground/react/App.jsx
+++ b/playground/react/App.jsx
@@ -17,10 +17,7 @@ function App() {
       <header className="App-header">
         <h1>Hello Vite + React</h1>
         <p>
-          <button
-            id="state-button"
-            onClick={() => setCount((count) => count + 1)}
-          >
+          <button id="state-button" onClick={() => setCount((count) => count + 1)}>
             count is: {count}
           </button>
         </p>
diff --git a/playground/react/__tests__/react.spec.ts b/playground/react/__tests__/react.spec.ts
index fa3e28f30..6b1287626 100644
--- a/playground/react/__tests__/react.spec.ts
+++ b/playground/react/__tests__/react.spec.ts
@@ -20,18 +20,12 @@ test('should update', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('App.jsx', (code) =>
-    code.replace('Vite + React', 'Vite + React Updated'),
-  )
-  await expect
-    .poll(() => page.textContent('h1'))
-    .toMatch('Hello Vite + React Updated')
+  editFile('App.jsx', (code) => code.replace('Vite + React', 'Vite + React Updated'))
+  await expect.poll(() => page.textContent('h1')).toMatch('Hello Vite + React Updated')
   // preserve state
   expect(await page.textContent('#state-button')).toMatch('count is: 1')
 
-  editFile('App.jsx', (code) =>
-    code.replace('Vite + React Updated', 'Vite + React'),
-  )
+  editFile('App.jsx', (code) => code.replace('Vite + React Updated', 'Vite + React'))
   await expect.poll(() => page.textContent('h1')).toMatch('Hello Vite + React')
 })
 
@@ -42,25 +36,17 @@ test.runIf(isServe)('should hmr files with queries', async () => {
   await page.click('#WithQuery-button')
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) =>
-    code.replace('With Query', 'With Query Updated'),
-  )
-  await expect
-    .poll(() => page.textContent('#WithQuery'))
-    .toBe('With Query Updated')
+  editFile('components/WithQuery.jsx', (code) => code.replace('With Query', 'With Query Updated'))
+  await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query Updated')
   // preserve state
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) =>
-    code.replace('With Query Updated', 'With Query'),
-  )
+  editFile('components/WithQuery.jsx', (code) => code.replace('With Query Updated', 'With Query'))
   await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query')
 })
 
 test.runIf(isServe)('should not invalidate when code is invalid', async () => {
-  editFile('App.jsx', (code) =>
-    code.replace('<div className="App">', '<div className="App"}>'),
-  )
+  editFile('App.jsx', (code) => code.replace('<div className="App">', '<div className="App"}>'))
 
   await expect
     .poll(() => page.textContent('vite-error-overlay .message-body'))
@@ -77,15 +63,12 @@ test.runIf(isServe)('should not invalidate when code is invalid', async () => {
   )
 })
 
-test.runIf(isServe)(
-  'should have annotated jsx with file location metadata',
-  async () => {
-    const res = await page.request.get(viteTestUrl + '/App.jsx')
-    const code = await res.text()
-    expect(code).toMatch(/lineNumber:\s*\d+/)
-    expect(code).toMatch(/columnNumber:\s*\d+/)
-  },
-)
+test.runIf(isServe)('should have annotated jsx with file location metadata', async () => {
+  const res = await page.request.get(viteTestUrl + '/App.jsx')
+  const code = await res.text()
+  expect(code).toMatch(/lineNumber:\s*\d+/)
+  expect(code).toMatch(/columnNumber:\s*\d+/)
+})
 
 test('import attributes', async () => {
   expect(await page.textContent('.import-attributes')).toBe('ok')
@@ -95,17 +78,12 @@ if (!isBuild) {
   // #9869
   test('should only hmr files with exported react components', async () => {
     await untilBrowserLogAfter(
-      () =>
-        editFile('hmr/no-exported-comp.jsx', (code) =>
-          code.replace('An Object', 'Updated'),
-        ),
+      () => editFile('hmr/no-exported-comp.jsx', (code) => code.replace('An Object', 'Updated')),
       [
         new RegExp(
           `^${escapeRegex(
             '[vite] invalidate /hmr/no-exported-comp.jsx: Could not Fast Refresh ("Foo" export is incompatible). Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/',
-          )}plugin-react(?:-\\w+)?${escapeRegex(
-            '#consistent-components-exports',
-          )}`,
+          )}plugin-react(?:-\\w+)?${escapeRegex('#consistent-components-exports')}`,
         ),
         '[vite] hot updated: /hmr/no-exported-comp.jsx',
         '[vite] hot updated: /hmr/parent.jsx',
@@ -117,13 +95,9 @@ if (!isBuild) {
 
   // #3301
   test('should hmr react context', async () => {
-    expect(await page.textContent('#context-button')).toMatch(
-      'context-based count is: 0',
-    )
+    expect(await page.textContent('#context-button')).toMatch('context-based count is: 0')
     await page.click('#context-button')
-    expect(await page.textContent('#context-button')).toMatch(
-      'context-based count is: 1',
-    )
+    expect(await page.textContent('#context-button')).toMatch('context-based count is: 1')
 
     await untilBrowserLogAfter(
       () =>
@@ -134,9 +108,7 @@ if (!isBuild) {
         new RegExp(
           `^${escapeRegex(
             '[vite] invalidate /context/CountProvider.jsx: Could not Fast Refresh ("CountContext" export is incompatible). Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/',
-          )}plugin-react(?:-\\w+)?${escapeRegex(
-            '#consistent-components-exports',
-          )}`,
+          )}plugin-react(?:-\\w+)?${escapeRegex('#consistent-components-exports')}`,
         ),
         '[vite] hot updated: /context/CountProvider.jsx',
         '[vite] hot updated: /App.jsx',
@@ -157,10 +129,7 @@ if (!isBuild) {
     await untilBrowserLogAfter(
       () =>
         editFile('hmr/jsx-import-runtime.js', (code) =>
-          code.replace(
-            'JSX import runtime works',
-            'JSX import runtime updated',
-          ),
+          code.replace('JSX import runtime works', 'JSX import runtime updated'),
         ),
       ['[vite] hot updated: /hmr/jsx-import-runtime.js'],
     )
@@ -181,9 +150,7 @@ if (!isBuild) {
       ['[vite] hot updated: /components/Accordion.jsx'],
     )
 
-    await expect
-      .poll(() => page.textContent('#accordion-root'))
-      .toMatch('Accordion Root Updated')
+    await expect.poll(() => page.textContent('#accordion-root')).toMatch('Accordion Root Updated')
   })
 
   test('no refresh transform for non-jsx files', async () => {
diff --git a/playground/react/components/Accordion.jsx b/playground/react/components/Accordion.jsx
index c690a48e0..56cd2f289 100644
--- a/playground/react/components/Accordion.jsx
+++ b/playground/react/components/Accordion.jsx
@@ -7,10 +7,7 @@ function Root({ children }) {
         margin: '16px 0',
       }}
     >
-      <h3
-        id="accordion-root"
-        style={{ padding: '12px', margin: '0', backgroundColor: '#f5f5f5' }}
-      >
+      <h3 id="accordion-root" style={{ padding: '12px', margin: '0', backgroundColor: '#f5f5f5' }}>
         Accordion Root
       </h3>
       <div style={{ padding: '12px' }}>{children}</div>
diff --git a/playground/react/components/WithQuery.jsx b/playground/react/components/WithQuery.jsx
index a11f0ddeb..c572bc0e0 100644
--- a/playground/react/components/WithQuery.jsx
+++ b/playground/react/components/WithQuery.jsx
@@ -5,10 +5,7 @@ export default function WithQuery() {
   return (
     <>
       <div id="WithQuery">With Query</div>
-      <button
-        id="WithQuery-button"
-        onClick={() => setCount((count) => count + 1)}
-      >
+      <button id="WithQuery-button" onClick={() => setCount((count) => count + 1)}>
         count is: {count}
       </button>
     </>
diff --git a/playground/ssr-react/__tests__/ssr-react.spec.ts b/playground/ssr-react/__tests__/ssr-react.spec.ts
index 5be3bed9f..4afaeb7be 100644
--- a/playground/ssr-react/__tests__/ssr-react.spec.ts
+++ b/playground/ssr-react/__tests__/ssr-react.spec.ts
@@ -51,9 +51,7 @@ test.skipIf(isBuild)('hmr', async () => {
   await untilBrowserLogAfter(() => page.goto(url), 'hydrated')
 
   await expect.poll(() => page.textContent('h1')).toMatch('Home')
-  editFile('src/pages/Home.jsx', (code) =>
-    code.replace('<h1>Home', '<h1>changed'),
-  )
+  editFile('src/pages/Home.jsx', (code) => code.replace('<h1>Home', '<h1>changed'))
   await expect.poll(() => page.textContent('h1')).toMatch('changed')
 
   // verify the change also affects next SSR
@@ -69,9 +67,7 @@ test('client navigation', async () => {
   await expect.poll(() => page.textContent('h1')).toMatch('About')
 
   if (!isBuild) {
-    editFile('src/pages/About.jsx', (code) =>
-      code.replace('<h1>About', '<h1>changed'),
-    )
+    editFile('src/pages/About.jsx', (code) => code.replace('<h1>About', '<h1>changed'))
     await expect.poll(() => page.textContent('h1')).toMatch('changed')
   }
 })
diff --git a/playground/ssr-react/src/entry-client.jsx b/playground/ssr-react/src/entry-client.jsx
index 62b8418e0..1ccec471a 100644
--- a/playground/ssr-react/src/entry-client.jsx
+++ b/playground/ssr-react/src/entry-client.jsx
@@ -2,8 +2,5 @@ import '@vitejs/plugin-react/preamble'
 import ReactDOM from 'react-dom/client'
 import { App } from './App'
 
-ReactDOM.hydrateRoot(
-  document.getElementById('app'),
-  <App url={new URL(window.location.href)} />,
-)
+ReactDOM.hydrateRoot(document.getElementById('app'), <App url={new URL(window.location.href)} />)
 console.log('hydrated')
diff --git a/playground/ssr-react/src/entry-server.jsx b/playground/ssr-react/src/entry-server.jsx
index 091b32a69..c72bdba34 100644
--- a/playground/ssr-react/src/entry-server.jsx
+++ b/playground/ssr-react/src/entry-server.jsx
@@ -2,7 +2,5 @@ import ReactDOMServer from 'react-dom/server'
 import { App } from './App'
 
 export function render(url) {
-  return ReactDOMServer.renderToString(
-    <App url={new URL(url, 'http://localhost')} />,
-  )
+  return ReactDOMServer.renderToString(<App url={new URL(url, 'http://localhost')} />)
 }
diff --git a/playground/ssr-react/vite.config.js b/playground/ssr-react/vite.config.js
index d5074ecd5..c4a775e09 100644
--- a/playground/ssr-react/vite.config.js
+++ b/playground/ssr-react/vite.config.js
@@ -37,16 +37,11 @@ export default defineConfig({
           server.middlewares.use(async (req, res, next) => {
             const url = req.originalUrl ?? '/'
             try {
-              const { render } = await server.ssrLoadModule(
-                '/src/entry-server.jsx',
-              )
+              const { render } = await server.ssrLoadModule('/src/entry-server.jsx')
               const appHtml = render(url)
               // "@vitejs/plugin-react/preamble" is used instead of transformIndexHtml
               // to setup react hmr globals.
-              const template = fs.readFileSync(
-                path.resolve(_dirname, 'index.html'),
-                'utf-8',
-              )
+              const template = fs.readFileSync(path.resolve(_dirname, 'index.html'), 'utf-8')
               const html = template.replace(`<!--app-html-->`, appHtml)
               res.setHeader('content-type', 'text/html').end(html)
             } catch (e) {
@@ -56,14 +51,9 @@ export default defineConfig({
         }
       },
       async configurePreviewServer(server) {
-        const template = fs.readFileSync(
-          path.resolve(_dirname, 'dist/client/index.html'),
-          'utf-8',
-        )
+        const template = fs.readFileSync(path.resolve(_dirname, 'dist/client/index.html'), 'utf-8')
         const { render } = await import(
-          url.pathToFileURL(
-            path.resolve(_dirname, './dist/server/entry-server.js'),
-          )
+          url.pathToFileURL(path.resolve(_dirname, './dist/server/entry-server.js'))
         )
         return () => {
           server.middlewares.use(async (req, res, next) => {
diff --git a/playground/test-utils.ts b/playground/test-utils.ts
index 558a4b30a..b9cfa5c20 100644
--- a/playground/test-utils.ts
+++ b/playground/test-utils.ts
@@ -64,10 +64,7 @@ export function readFile(filename: string): string {
   return fs.readFileSync(path.resolve(testDir, filename), 'utf-8')
 }
 
-export function editFile(
-  filename: string,
-  replacer: (str: string) => string,
-): void {
+export function editFile(filename: string, replacer: (str: string) => string): void {
   filename = path.resolve(testDir, filename)
   const content = fs.readFileSync(filename, 'utf-8')
   const modified = replacer(content)
@@ -145,9 +142,7 @@ async function untilBrowserLog(
       } else {
         const remainingMatchers = target.map(isMatch)
         processMsg = (text: string) => {
-          const nextIndex = remainingMatchers.findIndex((matcher) =>
-            matcher(text),
-          )
+          const nextIndex = remainingMatchers.findIndex((matcher) => matcher(text))
           if (nextIndex >= 0) {
             remainingMatchers.splice(nextIndex, 1)
           }
diff --git a/playground/vitestGlobalSetup.ts b/playground/vitestGlobalSetup.ts
index 508ec0f0a..a2dc252b2 100644
--- a/playground/vitestGlobalSetup.ts
+++ b/playground/vitestGlobalSetup.ts
@@ -7,15 +7,11 @@ import { chromium } from 'playwright-chromium'
 let browserServer: BrowserServer | undefined
 
 export async function setup({ provide }: TestProject): Promise<void> {
-  process.env.NODE_ENV = process.env.VITE_TEST_BUILD
-    ? 'production'
-    : 'development'
+  process.env.NODE_ENV = process.env.VITE_TEST_BUILD ? 'production' : 'development'
 
   browserServer = await chromium.launchServer({
     headless: !process.env.VITE_DEBUG_SERVE,
-    args: process.env.CI
-      ? ['--no-sandbox', '--disable-setuid-sandbox']
-      : undefined,
+    args: process.env.CI ? ['--no-sandbox', '--disable-setuid-sandbox'] : undefined,
   })
 
   provide('wsEndpoint', browserServer.wsEndpoint())
diff --git a/playground/vitestSetup.ts b/playground/vitestSetup.ts
index 0638b88a5..5a022156c 100644
--- a/playground/vitestSetup.ts
+++ b/playground/vitestSetup.ts
@@ -15,14 +15,7 @@ import type {
 import type { Browser, Page } from 'playwright-chromium'
 import type { RunnerTestFile } from 'vitest'
 import { beforeAll, inject } from 'vitest'
-import {
-  build,
-  createBuilder,
-  createServer,
-  loadConfigFromFile,
-  mergeConfig,
-  preview,
-} from 'vite'
+import { build, createBuilder, createServer, loadConfigFromFile, mergeConfig, preview } from 'vite'
 
 // #region env
 
@@ -182,10 +175,7 @@ async function loadConfig(configEnv: ConfigEnv) {
   // config file named by convention as the *.spec.ts folder
   const variantName = path.basename(path.dirname(testPath))
   if (variantName !== '__tests__') {
-    const configVariantPath = path.resolve(
-      rootDir,
-      `vite.config-${variantName}.js`,
-    )
+    const configVariantPath = path.resolve(rootDir, `vite.config-${variantName}.js`)
     if (fs.existsSync(configVariantPath)) {
       const res = await loadConfigFromFile(configEnv, configVariantPath)
       if (res) {
@@ -232,10 +222,7 @@ export async function startDefaultServe(): Promise<void> {
     process.env.VITE_INLINE = 'inline-serve'
     const config = await loadConfig({ command: 'serve', mode: 'development' })
     viteServer = server = await (await createServer(config)).listen()
-    viteTestUrl = stripTrailingSlashIfNeeded(
-      server.resolvedUrls.local[0],
-      server.config.base,
-    )
+    viteTestUrl = stripTrailingSlashIfNeeded(server.resolvedUrls.local[0], server.config.base)
     await page.goto(viteTestUrl)
   } else {
     process.env.VITE_INLINE = 'inline-build'
@@ -247,12 +234,9 @@ export async function startDefaultServe(): Promise<void> {
         resolvedConfig = config
       },
     })
-    const buildConfig = mergeConfig(
-      await loadConfig({ command: 'build', mode: 'production' }),
-      {
-        plugins: [resolvedPlugin()],
-      },
-    )
+    const buildConfig = mergeConfig(await loadConfig({ command: 'build', mode: 'production' }), {
+      plugins: [resolvedPlugin()],
+    })
     if (buildConfig.builder) {
       const builder = await createBuilder(buildConfig)
       await builder.buildApp()
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 0689001ae..57ed5f0cb 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -50,6 +50,9 @@ importers:
       lint-staged:
         specifier: ^16.2.7
         version: 16.2.7
+      oxfmt:
+        specifier: ^0.16.0
+        version: 0.16.0
       picocolors:
         specifier: ^1.1.1
         version: 1.1.1
@@ -1752,6 +1755,46 @@ packages:
   '@oxc-project/types@0.99.0':
     resolution: {integrity: sha512-LLDEhXB7g1m5J+woRSgfKsFPS3LhR9xRhTeIoEBm5WrkwMxn6eZ0Ld0c0K5eHB57ChZX6I3uSmmLjZ8pcjlRcw==}
 
+  '@oxfmt/darwin-arm64@0.16.0':
+    resolution: {integrity: sha512-I+Unj7wePcUTK7p/YKtgbm4yer6dw7dTlmCJa0UilFZyge5uD4rwCSfSDx3A+a6Z3A60/SqXMbNR2UyidWF4Cg==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxfmt/darwin-x64@0.16.0':
+    resolution: {integrity: sha512-EfiXFKEOV5gXgEatFK89OOoSmd8E9Xq83TcjPLWQNFBO4cgaQsfKmctpgJmJjQnoUwD7nQsm0ruj3ae7Gva8QA==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxfmt/linux-arm64-gnu@0.16.0':
+    resolution: {integrity: sha512-ydcNY9Fn/8TjVswANhdSh+zdgD3tiikNQA68bgXbENHuV3RyYql1qoOM1eGv5xeIVJfkPJme17MKQz3OwMFS4A==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxfmt/linux-arm64-musl@0.16.0':
+    resolution: {integrity: sha512-I9WeYe1/YnrfXgXVaKkZITZzil0G0g9IknS2KJbq1lOnpTw3dwViXZ7XMa2cq6Mv7S+4SoDImb7fLQ59AfVX/w==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxfmt/linux-x64-gnu@0.16.0':
+    resolution: {integrity: sha512-Szg9lJtZdN5FoCnNbl3N/2pJv8d056NUmk51m60E2tZV7rvwRTrNC8HPc2sVdb1Ti5ogsicpZDYSWA3cwIrJIQ==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxfmt/linux-x64-musl@0.16.0':
+    resolution: {integrity: sha512-5koN8nl21ZxOADaMxXHT+mt3YjfXe1nsa23Fanf9aY7B0hcQ6rXYCZ7r5vmpoTtzW/US3aaVcRFZE1cyof+lKw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxfmt/win32-arm64@0.16.0':
+    resolution: {integrity: sha512-Jaesn+FYn+MudSmWJMPGBAa0PhQXo52Z0ZYeNfzbQP7v2GFbZBI3Cb87+K0aHGlpqK3VEJKXeIaASaTWlkgO1Q==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxfmt/win32-x64@0.16.0':
+    resolution: {integrity: sha512-1obVSlb5blwBKgSsE1mNxvcq1pK9I6aXpZDy5d6jjGdrru33dHrH1ASChrcxwCukkToH2SxwYmnzAto0xeuZlw==}
+    cpu: [x64]
+    os: [win32]
+
   '@playwright/test@1.57.0':
     resolution: {integrity: sha512-6TyEnHgd6SArQO8UO2OMTxshln3QMWBtPGrOCgs3wVEmQmwyuNtB10IZMfmYDE0riwNR1cu4q+pPcxMVtaG3TA==}
     engines: {node: '>=18'}
@@ -3699,6 +3742,11 @@ packages:
     resolution: {integrity: sha512-JjCoypp+jKn1ttEFExxhetCKeJt9zhAgAve5FXHixTvFDW/5aEktX9bufBKLRRMdU7bNtpLfcGu94B3cdEJgjg==}
     engines: {node: '>= 0.8.0'}
 
+  oxfmt@0.16.0:
+    resolution: {integrity: sha512-uRnnBAN0zH07FXSfvSKbIw+Jrohv4Px2RwNiZOGI4/pvns4sx0+k4WSt+tqwd7bDeoWaXiGmhZgnbK63hi6hVQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
   p-limit@3.1.0:
     resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
     engines: {node: '>=10'}
@@ -5239,6 +5287,30 @@ snapshots:
 
   '@oxc-project/types@0.99.0': {}
 
+  '@oxfmt/darwin-arm64@0.16.0':
+    optional: true
+
+  '@oxfmt/darwin-x64@0.16.0':
+    optional: true
+
+  '@oxfmt/linux-arm64-gnu@0.16.0':
+    optional: true
+
+  '@oxfmt/linux-arm64-musl@0.16.0':
+    optional: true
+
+  '@oxfmt/linux-x64-gnu@0.16.0':
+    optional: true
+
+  '@oxfmt/linux-x64-musl@0.16.0':
+    optional: true
+
+  '@oxfmt/win32-arm64@0.16.0':
+    optional: true
+
+  '@oxfmt/win32-x64@0.16.0':
+    optional: true
+
   '@playwright/test@1.57.0':
     dependencies:
       playwright: 1.57.0
@@ -7241,6 +7313,17 @@ snapshots:
       prelude-ls: 1.2.1
       type-check: 0.4.0
 
+  oxfmt@0.16.0:
+    optionalDependencies:
+      '@oxfmt/darwin-arm64': 0.16.0
+      '@oxfmt/darwin-x64': 0.16.0
+      '@oxfmt/linux-arm64-gnu': 0.16.0
+      '@oxfmt/linux-arm64-musl': 0.16.0
+      '@oxfmt/linux-x64-gnu': 0.16.0
+      '@oxfmt/linux-x64-musl': 0.16.0
+      '@oxfmt/win32-arm64': 0.16.0
+      '@oxfmt/win32-x64': 0.16.0
+
   p-limit@3.1.0:
     dependencies:
       yocto-queue: 0.1.0
diff --git a/scripts/release.ts b/scripts/release.ts
index 4a71b452c..20e829279 100644
--- a/scripts/release.ts
+++ b/scripts/release.ts
@@ -6,12 +6,7 @@ const nextH2RE = /^## /gm
 
 release({
   repo: 'vite-plugin-react',
-  packages: [
-    'plugin-react',
-    'plugin-react-swc',
-    'plugin-react-oxc',
-    'plugin-rsc',
-  ],
+  packages: ['plugin-react', 'plugin-react-swc', 'plugin-react-oxc', 'plugin-rsc'],
   getPkgDir(pkg) {
     if (pkg === 'plugin-react-swc') {
       return `packages/${pkg}/dist`
@@ -53,10 +48,7 @@ release({
     const date = new Date().toISOString().slice(0, 10)
     writeFileSync(
       `packages/${pkgName}/CHANGELOG.md`,
-      changelog.replace(
-        '## Unreleased',
-        `## Unreleased\n\n## ${version} (${date})`,
-      ),
+      changelog.replace('## Unreleased', `## Unreleased\n\n## ${version} (${date})`),
     )
   },
 })

From b90e76cdbfeef2d0c50eeec1dca1d825c03081bf Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Dec 2025 08:52:34 +0000
Subject: [PATCH 3/4] chore: add printWidth 80 and enable
 experimentalSortImports

Co-authored-by: hi-ogawa <4232207+hi-ogawa@users.noreply.github.com>
---
 .oxfmtrc.json                                 |   4 +-
 eslint.config.js                              |  43 +-
 packages/common/refresh-runtime.js            |  43 +-
 packages/common/refresh-utils.ts              |   4 +-
 packages/common/warning.ts                    |   7 +-
 packages/plugin-react-oxc/src/index.ts        |  20 +-
 .../base-path/__tests__/base-path.spec.ts     |   1 +
 .../playground/base-path/src/index.tsx        |   1 +
 .../playground/base-path/vite.config.ts       |   2 +-
 .../__tests__/class-components.spec.ts        |   1 +
 .../playground/class-components/src/App.tsx   |   1 +
 .../playground/class-components/src/index.tsx |   1 +
 .../class-components/vite.config.ts           |   2 +-
 .../decorators/__tests__/decorators.spec.ts   |   1 +
 .../playground/decorators/src/App.tsx         |   1 +
 .../playground/decorators/src/index.tsx       |   1 +
 .../playground/decorators/vite.config.ts      |   2 +-
 .../__tests__/emotion-plugin.spec.ts          |  13 +-
 .../playground/emotion-plugin/src/App.jsx     |  10 +-
 .../playground/emotion-plugin/src/Button.jsx  |   2 +-
 .../playground/emotion-plugin/src/index.jsx   |   1 +
 .../playground/emotion-plugin/vite.config.js  |   2 +-
 .../emotion/__tests__/emotion.spec.ts         |  13 +-
 .../playground/emotion/src/App.tsx            |  10 +-
 .../playground/emotion/src/Button.tsx         |   2 +-
 .../playground/emotion/src/index.tsx          |   1 +
 .../playground/emotion/vite.config.ts         |   2 +-
 .../playground/hmr/__tests__/hmr.spec.ts      |  17 +-
 .../playground/hmr/src/App.tsx                |   5 +-
 .../playground/hmr/src/index.tsx              |   1 +
 .../playground/hmr/vite.config.ts             |   2 +-
 .../playground/mdx/__tests__/mdx.spec.ts      |   7 +-
 .../playground/mdx/src/index.tsx              |   1 +
 .../playground/mdx/vite.config.ts             |   2 +-
 .../react-18/__tests__/react-18.spec.ts       |  17 +-
 .../playground/react-18/src/App.tsx           |   5 +-
 .../playground/react-18/src/index.tsx         |   1 +
 .../playground/react-18/vite.config.ts        |   2 +-
 .../__tests__/shadow-export.spec.ts           |   1 +
 .../playground/shadow-export/src/index.tsx    |   1 +
 .../playground/shadow-export/vite.config.ts   |   2 +-
 .../__tests__/styled-components.spec.ts       |  11 +-
 .../playground/styled-components/src/App.tsx  |   4 +-
 .../styled-components/src/Button.tsx          |   2 +-
 .../styled-components/src/index.tsx           |   1 +
 .../styled-components/vite.config.ts          |   2 +-
 .../ts-lib/__tests__/ts-lib.spec.ts           |   1 +
 .../playground/ts-lib/src/index.tsx           |   1 +
 .../playground/ts-lib/vite.config.ts          |   2 +-
 packages/plugin-react-swc/playground/utils.ts |  38 +-
 .../worker/__tests__/worker.spec.ts           |   7 +-
 .../playground/worker/src/App.tsx             |   1 +
 .../playground/worker/src/index.tsx           |   1 +
 .../playground/worker/vite.config.ts          |   2 +-
 .../plugin-react-swc/playwright.config.ts     |   8 +-
 packages/plugin-react-swc/src/index.ts        |  40 +-
 packages/plugin-react-swc/tsdown.config.ts    |   6 +-
 packages/plugin-react/src/index.ts            |  89 ++-
 packages/plugin-react/tests/rolldown.test.ts  |   3 +-
 packages/plugin-rsc/e2e/base.test.ts          |   5 +-
 packages/plugin-rsc/e2e/basic.test.ts         | 661 +++++++++++++-----
 packages/plugin-rsc/e2e/browser-mode.test.ts  |  49 +-
 packages/plugin-rsc/e2e/browser.test.ts       |   5 +-
 packages/plugin-rsc/e2e/build-app.test.ts     |   3 +-
 packages/plugin-rsc/e2e/cloudflare.test.ts    |   1 +
 packages/plugin-rsc/e2e/error.test.ts         |   7 +-
 packages/plugin-rsc/e2e/fixture.ts            |  27 +-
 packages/plugin-rsc/e2e/helper.ts             |   6 +-
 packages/plugin-rsc/e2e/isolated.test.ts      |  40 +-
 .../plugin-rsc/e2e/middleware-mode.test.ts    |   1 +
 packages/plugin-rsc/e2e/module-runner.test.ts |   1 +
 packages/plugin-rsc/e2e/no-ssr.test.ts        |   5 +-
 .../plugin-rsc/e2e/react-compiler.test.ts     |   3 +-
 packages/plugin-rsc/e2e/react-router.test.ts  |  70 +-
 .../plugin-rsc/e2e/render-built-url.test.ts   |  12 +-
 packages/plugin-rsc/e2e/root.test.ts          |   5 +-
 packages/plugin-rsc/e2e/ssg.test.ts           |   1 +
 packages/plugin-rsc/e2e/ssr-thenable.test.ts  |   6 +-
 packages/plugin-rsc/e2e/starter.test.ts       |   5 +-
 packages/plugin-rsc/e2e/starter.ts            |  51 +-
 packages/plugin-rsc/e2e/syntax-error.test.ts  |  33 +-
 .../plugin-rsc/e2e/validate-imports.test.ts   |  11 +-
 .../basic/src/framework/entry.browser.tsx     |   4 +-
 .../basic/src/framework/entry.rsc.tsx         |  13 +-
 .../basic/src/framework/entry.ssr.tsx         |  14 +-
 .../basic/src/framework/error-boundary.tsx    |  10 +-
 .../basic/src/framework/use-cache-runtime.tsx |  10 +-
 .../basic/src/routes/action-bind/form.tsx     |   4 +-
 .../basic/src/routes/action-bind/server.tsx   |  15 +-
 .../src/routes/action-from-client/client.tsx  |   5 +-
 .../basic/src/routes/action-state/client.tsx  |   5 +-
 .../basic/src/routes/action/server.tsx        |   6 +-
 .../basic/src/routes/assets/client.tsx        |   7 +-
 .../basic/src/routes/assets/server.tsx        |   7 +-
 .../basic/src/routes/browser-only/client.tsx  |   4 +-
 .../basic/src/routes/chunk/server.tsx         |  10 +-
 .../examples/basic/src/routes/client.tsx      |   6 +-
 .../basic/src/routes/css-queries/client.tsx   |   5 +-
 .../basic/src/routes/css-queries/server.tsx   |  10 +-
 .../routes/deps/client-in-server/server.tsx   |   1 +
 .../src/routes/deps/transitive-cjs/client.tsx |   1 -
 .../src/routes/hmr-client-dep/client.tsx      |   9 +-
 .../src/routes/hmr-client-dep2/client.tsx     |   9 +-
 .../src/routes/hmr-client-dep3/client-a.tsx   |   5 +-
 .../src/routes/hmr-shared/atomic/client.tsx   |  11 +-
 .../basic/src/routes/hmr-shared/client.tsx    |   3 +-
 .../basic/src/routes/hmr-shared/server.tsx    |   3 +-
 .../src/routes/hydration-mismatch/server.tsx  |   6 +-
 .../basic/src/routes/payload/client.tsx       |   7 +-
 .../examples/basic/src/routes/root.tsx        |  48 +-
 .../basic/src/routes/serialization/server.tsx |   6 +-
 .../src/routes/style-client-no-ssr/server.tsx |   4 +-
 .../basic/src/routes/style-client/client.tsx  |   8 +-
 .../basic/src/routes/style-server/server.tsx  |   8 +-
 .../src/routes/temporary-reference/client.tsx |   1 +
 .../basic/src/routes/use-cache/server.tsx     |   4 +-
 .../basic/src/routes/use-id/server.tsx        |   1 +
 .../basic/test-dep/client-in-server/server.js |   1 +
 .../test-dep/client-in-server2/client.js      |   6 +-
 .../test-dep/client-in-server2/server.js      |   7 +-
 .../basic/test-dep/css-in-server/server.js    |   7 +-
 .../basic/test-dep/server-in-client/client.js |   1 +
 .../basic/test-dep/transitive-cjs/client.js   |   3 +-
 .../client.js                                 |   1 -
 .../plugin-rsc/examples/basic/vite.config.ts  |  48 +-
 .../browser-mode/src/action-bind/form.tsx     |   4 +-
 .../browser-mode/src/action-bind/server.tsx   |  15 +-
 .../src/action-from-client/client.tsx         |   1 +
 .../examples/browser-mode/src/client.tsx      |   6 +-
 .../src/framework/entry.browser.tsx           |   7 +-
 .../browser-mode/src/framework/entry.rsc.tsx  |   8 +-
 .../src/framework/load-client-dev.tsx         |  11 +-
 .../browser-mode/src/framework/main.tsx       |   3 +-
 .../examples/browser-mode/src/root.tsx        |  10 +-
 .../examples/browser-mode/vite.config.ts      |  24 +-
 .../examples/browser/lib/dev-proxy.ts         |   7 +-
 .../plugin-rsc/examples/browser/lib/plugin.ts |  18 +-
 .../examples/browser/src/client.tsx           |   6 +-
 .../browser/src/framework/entry.browser.tsx   |  10 +-
 .../browser/src/framework/entry.rsc.tsx       |   4 +-
 .../plugin-rsc/examples/browser/src/root.tsx  |   6 +-
 .../examples/browser/vite.config.ts           |   3 +-
 .../examples/e2e/middleware-mode.ts           |  13 +-
 .../plugin-rsc/examples/no-ssr/src/client.tsx |   6 +-
 .../no-ssr/src/framework/entry.browser.tsx    |   9 +-
 .../no-ssr/src/framework/entry.rsc.tsx        |   4 +-
 .../plugin-rsc/examples/no-ssr/src/root.tsx   |   6 +-
 .../plugin-rsc/examples/no-ssr/vite.config.ts |   9 +-
 .../examples/react-router/app/root.tsx        |   1 +
 .../react-router/app/routes/client.tsx        |   8 +-
 .../examples/react-router/app/routes/home.tsx |  13 +-
 .../app/routes/test-action-state/client.tsx   |   5 +-
 .../examples/react-router/cf/vite.config.ts   |   2 +-
 .../react-router-vite/entry.browser.tsx       |  13 +-
 .../react-router-vite/entry.rsc.single.tsx    |   4 +-
 .../react-router-vite/entry.rsc.tsx           |   1 +
 .../react-router-vite/entry.ssr.tsx           |  19 +-
 .../examples/react-router/vite.config.ts      |   2 +-
 .../plugin-rsc/examples/ssg/src/counter.tsx   |   4 +-
 .../ssg/src/framework/entry.browser.tsx       |   9 +-
 .../examples/ssg/src/framework/entry.rsc.tsx  |  12 +-
 .../examples/ssg/src/framework/entry.ssr.tsx  |   7 +-
 .../ssg/src/framework/error-boundary.tsx      |  10 +-
 packages/plugin-rsc/examples/ssg/src/root.tsx |   9 +-
 .../plugin-rsc/examples/ssg/vite.config.ts    |  11 +-
 .../examples/starter-cf-single/src/client.tsx |   6 +-
 .../src/framework/entry.browser.tsx           |   4 +-
 .../src/framework/entry.rsc.tsx               |  11 +-
 .../src/framework/entry.ssr.tsx               |  14 +-
 .../src/framework/error-boundary.tsx          |  10 +-
 .../examples/starter-cf-single/src/root.tsx   |   6 +-
 .../examples/starter-cf-single/vite.config.ts |   2 +-
 .../examples/starter/src/client.tsx           |   6 +-
 .../starter/src/framework/entry.browser.tsx   |   4 +-
 .../starter/src/framework/entry.rsc.tsx       |  11 +-
 .../starter/src/framework/entry.ssr.tsx       |  14 +-
 .../starter/src/framework/error-boundary.tsx  |  10 +-
 .../plugin-rsc/examples/starter/src/root.tsx  |   6 +-
 .../examples/starter/vite.config.ts           |   2 +-
 packages/plugin-rsc/playwright.config.ts      |   4 +-
 packages/plugin-rsc/src/browser.ts            |   5 +-
 packages/plugin-rsc/src/core/browser.ts       |   5 +-
 packages/plugin-rsc/src/core/rsc.ts           |  61 +-
 packages/plugin-rsc/src/core/ssr.ts           |   6 +-
 packages/plugin-rsc/src/index.ts              |   7 +-
 packages/plugin-rsc/src/plugin.ts             | 433 ++++++++----
 packages/plugin-rsc/src/plugins/cjs.ts        |  17 +-
 .../src/plugins/find-source-map-url.ts        |  13 +-
 packages/plugin-rsc/src/plugins/scan.test.ts  |   1 +
 packages/plugin-rsc/src/plugins/scan.ts       |   9 +-
 packages/plugin-rsc/src/plugins/utils.ts      |  16 +-
 .../plugin-rsc/src/plugins/validate-import.ts |  30 +-
 packages/plugin-rsc/src/plugins/vite-utils.ts |   8 +-
 packages/plugin-rsc/src/react/browser.ts      |  18 +-
 packages/plugin-rsc/src/react/rsc.ts          |  42 +-
 packages/plugin-rsc/src/react/ssr.ts          |   1 +
 packages/plugin-rsc/src/rsc.tsx               |  12 +-
 packages/plugin-rsc/src/ssr.tsx               |   6 +-
 .../plugin-rsc/src/transforms/cjs.test.ts     |   5 +-
 packages/plugin-rsc/src/transforms/cjs.ts     |  22 +-
 .../src/transforms/fixtures/cjs/entry.mjs     |   6 +-
 .../plugin-rsc/src/transforms/hoist.test.ts   |   8 +-
 packages/plugin-rsc/src/transforms/hoist.ts   |  32 +-
 .../src/transforms/proxy-export.test.ts       |   1 +
 .../plugin-rsc/src/transforms/proxy-export.ts |  32 +-
 .../src/transforms/server-action.ts           |   1 +
 .../plugin-rsc/src/transforms/test-utils.ts   |   5 +-
 packages/plugin-rsc/src/transforms/utils.ts   |  13 +-
 .../plugin-rsc/src/transforms/waku.test.ts    |  16 +-
 .../src/transforms/wrap-export.test.ts        |  17 +-
 .../plugin-rsc/src/transforms/wrap-export.ts  |  33 +-
 packages/plugin-rsc/src/types/virtual.d.ts    |   4 +-
 .../src/utils/encryption-runtime.ts           |  17 +-
 .../plugin-rsc/src/utils/encryption-utils.ts  |  14 +-
 packages/plugin-rsc/src/utils/rpc.ts          |  12 +-
 packages/plugin-rsc/tsdown.config.ts          |  12 +-
 .../__tests__/class-components.spec.ts        |  18 +-
 playground/class-components/src/App.tsx       |   1 +
 playground/class-components/src/index.tsx     |   1 +
 playground/class-components/vite.config.ts    |   2 +-
 .../__tests__/compiler-react-18.spec.ts       |   4 +-
 playground/compiler-react-18/src/App.tsx      |   9 +-
 playground/compiler-react-18/src/main.tsx     |   1 +
 playground/compiler-react-18/vite.config.ts   |   2 +-
 .../compiler/__tests__/compiler.spec.ts       |   4 +-
 playground/compiler/src/App.tsx               |   9 +-
 playground/compiler/src/main.tsx              |   1 +
 playground/compiler/vite.config.ts            |   2 +-
 playground/hmr-false/src/App.tsx              |   4 +-
 playground/hmr-false/src/main.tsx             |   1 +
 .../__tests__/hook-with-jsx.spec.ts           |   5 +-
 playground/hook-with-jsx/src/index.tsx        |   1 +
 .../hook-with-jsx/src/useButtonHook.tsx       |   6 +-
 playground/hook-with-jsx/vite.config.ts       |   2 +-
 playground/include-node-modules/App.jsx       |   5 +-
 .../include-node-modules/vite.config.ts       |   5 +-
 playground/mdx/__tests__/mdx.spec.ts          |   5 +-
 playground/mdx/src/main.tsx                   |   1 +
 playground/mdx/vite.config.ts                 |   9 +-
 playground/react-classic/App.jsx              |   5 +-
 .../react-classic/__tests__/react.spec.ts     |  27 +-
 .../react-classic/components/WithQuery.jsx    |   5 +-
 playground/react-classic/vite.config.ts       |   3 +-
 .../react-emotion/__tests__/react.spec.ts     |  12 +-
 playground/react-emotion/src/App.tsx          |   1 +
 playground/react-emotion/src/Counter.tsx      |   2 +-
 playground/react-emotion/src/main.tsx         |   1 +
 playground/react-env/vite.config.ts           |   3 +-
 playground/react-sourcemap/main.jsx           |   5 +-
 playground/react-sourcemap/vite.config.ts     |   3 +-
 playground/react/App.jsx                      |  16 +-
 playground/react/__tests__/react.spec.ts      |  65 +-
 playground/react/components/Accordion.jsx     |   5 +-
 playground/react/components/WithQuery.jsx     |   5 +-
 playground/react/context/ContextButton.jsx    |   1 +
 playground/react/vite.config.ts               |   3 +-
 .../ssr-react/__tests__/ssr-react.spec.ts     |   8 +-
 playground/ssr-react/src/entry-client.jsx     |   6 +-
 playground/ssr-react/src/entry-server.jsx     |   5 +-
 playground/ssr-react/vite.config.js           |  20 +-
 playground/test-utils.ts                      |  13 +-
 playground/tsconfig-jsx-preserve/src/main.tsx |   1 +
 playground/vitestGlobalSetup.ts               |  15 +-
 playground/vitestSetup.ts                     |  37 +-
 scripts/release.ts                            |  14 +-
 265 files changed, 2619 insertions(+), 956 deletions(-)

diff --git a/.oxfmtrc.json b/.oxfmtrc.json
index 4bddb6759..b5cbef4c9 100644
--- a/.oxfmtrc.json
+++ b/.oxfmtrc.json
@@ -1,5 +1,7 @@
 {
   "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "printWidth": 80,
   "semi": false,
-  "singleQuote": true
+  "singleQuote": true,
+  "experimentalSortImports": {}
 }
diff --git a/eslint.config.js b/eslint.config.js
index bbf423000..9521b7b05 100644
--- a/eslint.config.js
+++ b/eslint.config.js
@@ -1,15 +1,20 @@
-// @ts-check
-import { builtinModules } from 'node:module'
 import eslint from '@eslint/js'
-import pluginN from 'eslint-plugin-n'
 import pluginImportX from 'eslint-plugin-import-x'
+import pluginN from 'eslint-plugin-n'
 import pluginRegExp from 'eslint-plugin-regexp'
-import tseslint from 'typescript-eslint'
 import globals from 'globals'
+// @ts-check
+import { builtinModules } from 'node:module'
+import tseslint from 'typescript-eslint'
 
 export default tseslint.config(
   {
-    ignores: ['**/dist/**', '**/playground-temp/**', '**/temp/**', 'packages/plugin-rsc/**'],
+    ignores: [
+      '**/dist/**',
+      '**/playground-temp/**',
+      '**/temp/**',
+      'packages/plugin-rsc/**',
+    ],
   },
   eslint.configs.recommended,
   ...tseslint.configs.recommended,
@@ -60,7 +65,10 @@ export default tseslint.config(
         'error',
         { allowArgumentsExplicitlyTypedAsAny: true },
       ],
-      '@typescript-eslint/no-empty-function': ['error', { allow: ['arrowFunctions'] }],
+      '@typescript-eslint/no-empty-function': [
+        'error',
+        { allow: ['arrowFunctions'] },
+      ],
       '@typescript-eslint/no-empty-interface': 'off',
       '@typescript-eslint/no-explicit-any': 'off',
       'no-extra-semi': 'off',
@@ -95,17 +103,18 @@ export default tseslint.config(
         { allow: builtinModules.map((mod) => `node:${mod}`) },
       ],
       'import-x/no-duplicates': 'error',
-      'import-x/order': 'error',
-      'sort-imports': [
-        'error',
-        {
-          ignoreCase: false,
-          ignoreDeclarationSort: true,
-          ignoreMemberSort: false,
-          memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
-          allowSeparatedGroups: false,
-        },
-      ],
+      // import ordering handled by oxfmt
+      // 'import-x/order': 'error',
+      // 'sort-imports': [
+      //   'error',
+      //   {
+      //     ignoreCase: false,
+      //     ignoreDeclarationSort: true,
+      //     ignoreMemberSort: false,
+      //     memberSyntaxSortOrder: ['none', 'all', 'multiple', 'single'],
+      //     allowSeparatedGroups: false,
+      //   },
+      // ],
 
       'regexp/prefer-regexp-exec': 'error',
       'regexp/prefer-regexp-test': 'error',
diff --git a/packages/common/refresh-runtime.js b/packages/common/refresh-runtime.js
index 0ee199033..e798d000e 100644
--- a/packages/common/refresh-runtime.js
+++ b/packages/common/refresh-runtime.js
@@ -190,7 +190,9 @@ function performReactRefresh() {
     failedRootsSnapshot.forEach((root) => {
       const helpers = helpersByRootSnapshot.get(root)
       if (helpers === undefined) {
-        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.')
+        throw new Error(
+          'Could not find helpers for a root. This is a bug in React Refresh.',
+        )
       }
       if (!failedRoots.has(root)) {
         // No longer failed.
@@ -215,7 +217,9 @@ function performReactRefresh() {
     mountedRootsSnapshot.forEach((root) => {
       const helpers = helpersByRootSnapshot.get(root)
       if (helpers === undefined) {
-        throw new Error('Could not find helpers for a root. This is a bug in React Refresh.')
+        throw new Error(
+          'Could not find helpers for a root. This is a bug in React Refresh.',
+        )
       }
       if (!mountedRoots.has(root)) {
         // No longer mounted.
@@ -401,7 +405,8 @@ export function injectIntoGlobalHook(globalObject) {
           alternate.memoizedState.element != null &&
           mountedRoots.has(root)
 
-        const isMounted = current.memoizedState != null && current.memoizedState.element != null
+        const isMounted =
+          current.memoizedState != null && current.memoizedState.element != null
 
         if (!wasMounted && isMounted) {
           // Mount a new root.
@@ -476,7 +481,10 @@ export function createSignatureFunctionForTransform() {
       // Set the signature for all types (even wrappers!) in case
       // they have no signatures of their own. This is to prevent
       // problems like https://github.com/facebook/react/issues/20417.
-      if (type != null && (typeof type === 'function' || typeof type === 'object')) {
+      if (
+        type != null &&
+        (typeof type === 'function' || typeof type === 'object')
+      ) {
         setSignature(type, key, forceReset, getCustomHooks)
       }
       return type
@@ -570,7 +578,10 @@ export function registerExportsForReactRefresh(filename, moduleExports) {
       register(exportValue, filename + ' export ' + key)
     } else if (isCompoundComponent(exportValue)) {
       for (const subKey in exportValue) {
-        register(exportValue[subKey], filename + ' export ' + key + '-' + subKey)
+        register(
+          exportValue[subKey],
+          filename + ' export ' + key + '-' + subKey,
+        )
       }
     }
   }
@@ -593,12 +604,28 @@ const enqueueUpdate = debounce(async () => {
   performReactRefresh()
 }, 16)
 
-export function validateRefreshBoundaryAndEnqueueUpdate(id, prevExports, nextExports) {
+export function validateRefreshBoundaryAndEnqueueUpdate(
+  id,
+  prevExports,
+  nextExports,
+) {
   const ignoredExports = window.__getReactRefreshIgnoredExports?.({ id }) ?? []
-  if (predicateOnExport(ignoredExports, prevExports, (key) => key in nextExports) !== true) {
+  if (
+    predicateOnExport(
+      ignoredExports,
+      prevExports,
+      (key) => key in nextExports,
+    ) !== true
+  ) {
     return 'Could not Fast Refresh (export removed)'
   }
-  if (predicateOnExport(ignoredExports, nextExports, (key) => key in prevExports) !== true) {
+  if (
+    predicateOnExport(
+      ignoredExports,
+      nextExports,
+      (key) => key in prevExports,
+    ) !== true
+  ) {
     return 'Could not Fast Refresh (new export)'
   }
 
diff --git a/packages/common/refresh-utils.ts b/packages/common/refresh-utils.ts
index 461f3e0d8..bae8cb734 100644
--- a/packages/common/refresh-utils.ts
+++ b/packages/common/refresh-utils.ts
@@ -1,4 +1,5 @@
 import type { Plugin } from 'vite'
+
 import { exactRegex } from '@rolldown/pluginutils'
 
 export const runtimePublicPath = '/@react-refresh'
@@ -14,7 +15,8 @@ injectIntoGlobalHook(window);
 window.$RefreshReg$ = () => {};
 window.$RefreshSig$ = () => (type) => type;`
 
-export const getPreambleCode = (base: string): string => preambleCode.replace('__BASE__', base)
+export const getPreambleCode = (base: string): string =>
+  preambleCode.replace('__BASE__', base)
 
 export function addRefreshWrapper(
   code: string,
diff --git a/packages/common/warning.ts b/packages/common/warning.ts
index 28b5fd4d4..85e0cf434 100644
--- a/packages/common/warning.ts
+++ b/packages/common/warning.ts
@@ -1,11 +1,14 @@
 import type { BuildOptions, UserConfig } from 'vite'
 
-export const silenceUseClientWarning = (userConfig: UserConfig): BuildOptions => ({
+export const silenceUseClientWarning = (
+  userConfig: UserConfig,
+): BuildOptions => ({
   rollupOptions: {
     onwarn(warning, defaultHandler) {
       if (
         warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-        (warning.message.includes('use client') || warning.message.includes('use server'))
+        (warning.message.includes('use client') ||
+          warning.message.includes('use server'))
       ) {
         return
       }
diff --git a/packages/plugin-react-oxc/src/index.ts b/packages/plugin-react-oxc/src/index.ts
index 1f959ad2f..42f4243eb 100644
--- a/packages/plugin-react-oxc/src/index.ts
+++ b/packages/plugin-react-oxc/src/index.ts
@@ -1,14 +1,15 @@
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { readFileSync } from 'node:fs'
 import type { BuildOptions, Plugin } from 'vite'
+
+import { exactRegex } from '@rolldown/pluginutils'
 import {
   addRefreshWrapper,
   getPreambleCode,
   runtimePublicPath,
   silenceUseClientWarning,
 } from '@vitejs/react-common'
-import { exactRegex } from '@rolldown/pluginutils'
+import { readFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
 
 const _dirname = dirname(fileURLToPath(import.meta.url))
 const refreshRuntimePath = join(_dirname, 'refresh-runtime.js')
@@ -51,7 +52,12 @@ export default function viteReact(opts: Options = {}): Plugin[] {
           jsxRefreshExclude: exclude,
         },
         optimizeDeps: {
-          include: ['react', 'react-dom', jsxImportDevRuntime, jsxImportRuntime],
+          include: [
+            'react',
+            'react-dom',
+            jsxImportDevRuntime,
+            jsxImportRuntime,
+          ],
           rolldownOptions: { transform: { jsx: { runtime: 'automatic' } } },
         },
       }
@@ -129,7 +135,9 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         const useFastRefresh =
           !skipFastRefresh &&
           !ssr &&
-          (isJSX || code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime))
+          (isJSX ||
+            code.includes(jsxImportDevRuntime) ||
+            code.includes(jsxImportRuntime))
         if (!useFastRefresh) return
 
         const newCode = addRefreshWrapper(code, '@vitejs/plugin-react-oxc', id)
diff --git a/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts b/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts
index 715eb7a7c..e2170f0a7 100644
--- a/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts
+++ b/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Base path HMR', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/base-path/src/index.tsx b/packages/plugin-react-swc/playground/base-path/src/index.tsx
index 5e7046ce2..ef13e792b 100644
--- a/packages/plugin-react-swc/playground/base-path/src/index.tsx
+++ b/packages/plugin-react-swc/playground/base-path/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/base-path/vite.config.ts b/packages/plugin-react-swc/playground/base-path/vite.config.ts
index 7bc60be8f..867d42f32 100644
--- a/packages/plugin-react-swc/playground/base-path/vite.config.ts
+++ b/packages/plugin-react-swc/playground/base-path/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts b/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts
index 14424e927..f3502633d 100644
--- a/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts
+++ b/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Class component HMR', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/class-components/src/App.tsx b/packages/plugin-react-swc/playground/class-components/src/App.tsx
index 2b2cb5558..0aaa09076 100644
--- a/packages/plugin-react-swc/playground/class-components/src/App.tsx
+++ b/packages/plugin-react-swc/playground/class-components/src/App.tsx
@@ -1,4 +1,5 @@
 import { Component } from 'react'
+
 import { getGetting } from './utils.tsx'
 
 export class App extends Component {
diff --git a/packages/plugin-react-swc/playground/class-components/src/index.tsx b/packages/plugin-react-swc/playground/class-components/src/index.tsx
index 5e7046ce2..ef13e792b 100644
--- a/packages/plugin-react-swc/playground/class-components/src/index.tsx
+++ b/packages/plugin-react-swc/playground/class-components/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/class-components/vite.config.ts b/packages/plugin-react-swc/playground/class-components/vite.config.ts
index 7af9f6f97..9808d13cf 100644
--- a/packages/plugin-react-swc/playground/class-components/vite.config.ts
+++ b/packages/plugin-react-swc/playground/class-components/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts b/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts
index 89783fc2b..f83859729 100644
--- a/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts
+++ b/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { setupBuildAndPreview, setupDevServer } from '../../utils.ts'
 
 test('Decorators build', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/decorators/src/App.tsx b/packages/plugin-react-swc/playground/decorators/src/App.tsx
index f8327828c..13be7ced6 100644
--- a/packages/plugin-react-swc/playground/decorators/src/App.tsx
+++ b/packages/plugin-react-swc/playground/decorators/src/App.tsx
@@ -1,4 +1,5 @@
 import type { ComponentClass } from 'react'
+
 import { Component } from 'react'
 
 function decorated(target: ComponentClass) {
diff --git a/packages/plugin-react-swc/playground/decorators/src/index.tsx b/packages/plugin-react-swc/playground/decorators/src/index.tsx
index 5e7046ce2..ef13e792b 100644
--- a/packages/plugin-react-swc/playground/decorators/src/index.tsx
+++ b/packages/plugin-react-swc/playground/decorators/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/decorators/vite.config.ts b/packages/plugin-react-swc/playground/decorators/vite.config.ts
index a2d1b8860..6a8ef0460 100644
--- a/packages/plugin-react-swc/playground/decorators/vite.config.ts
+++ b/packages/plugin-react-swc/playground/decorators/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react({ tsDecorators: true })],
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts b/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
index d38de6d57..6bfe0ce3c 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
+++ b/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
@@ -1,5 +1,11 @@
 import { expect, test } from '@playwright/test'
-import { expectColor, setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  expectColor,
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('Emotion plugin build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('emotion-plugin')
@@ -34,7 +40,10 @@ test('Emotion plugin HMR', async ({ page }) => {
   const code = page.locator('code')
   await expectColor(code, 'color', '#646cff')
 
-  editFile('src/Button.jsx', ['background-color: #d26ac2;', 'background-color: #646cff;'])
+  editFile('src/Button.jsx', [
+    'background-color: #d26ac2;',
+    'background-color: #646cff;',
+  ])
   await waitForLogs('[vite] hot updated: /src/Button.jsx')
   await expect(button).toHaveText('count is 1')
   await expectColor(button, 'backgroundColor', '#646cff')
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx b/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx
index f1af53ac3..44f5fd166 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx
+++ b/packages/plugin-react-swc/playground/emotion-plugin/src/App.jsx
@@ -8,7 +8,11 @@ export const App = () => (
         <img src="/vite.svg" className="logo" alt="Vite logo" />
       </a>
       <a href="https://emotion.sh/" target="_blank" rel="noreferrer">
-        <img src="https://emotion.sh/logo-96x96.png" className="logo emotion" alt="Emotion logo" />
+        <img
+          src="https://emotion.sh/logo-96x96.png"
+          className="logo emotion"
+          alt="Emotion logo"
+        />
       </a>
     </div>
     <div className="card">
@@ -17,6 +21,8 @@ export const App = () => (
         Edit <StyledCode>src/Button.tsx</StyledCode> and save to test HMR
       </p>
     </div>
-    <p className="read-the-docs">Click on the Vite and Emotion logos to learn more</p>
+    <p className="read-the-docs">
+      Click on the Vite and Emotion logos to learn more
+    </p>
   </div>
 )
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/src/Button.jsx b/packages/plugin-react-swc/playground/emotion-plugin/src/Button.jsx
index 56c363572..ebc90a14e 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/src/Button.jsx
+++ b/packages/plugin-react-swc/playground/emotion-plugin/src/Button.jsx
@@ -1,5 +1,5 @@
-import styled from '@emotion/styled'
 import { css } from '@emotion/react'
+import styled from '@emotion/styled'
 import { useState } from 'react'
 
 // Ensure HMR of styled component alongside other components
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx b/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx
index 67f3599ee..6ad416e3d 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx
+++ b/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.jsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/vite.config.js b/packages/plugin-react-swc/playground/emotion-plugin/vite.config.js
index 98ac529c9..a9376b589 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/vite.config.js
+++ b/packages/plugin-react-swc/playground/emotion-plugin/vite.config.js
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [
diff --git a/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts b/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
index c3b67dbb3..c13c83b89 100644
--- a/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
+++ b/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
@@ -1,5 +1,11 @@
 import { expect, test } from '@playwright/test'
-import { expectColor, setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  expectColor,
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('Emotion build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('emotion')
@@ -34,7 +40,10 @@ test('Emotion HMR', async ({ page }) => {
   const code = page.locator('code')
   await expectColor(code, 'color', '#646cff')
 
-  editFile('src/Button.tsx', ['background-color: #d26ac2;', 'background-color: #646cff;'])
+  editFile('src/Button.tsx', [
+    'background-color: #d26ac2;',
+    'background-color: #646cff;',
+  ])
   await waitForLogs('[vite] hot updated: /src/Button.tsx')
   await expect(button).toHaveText('count is 1')
   await expectColor(button, 'backgroundColor', '#646cff')
diff --git a/packages/plugin-react-swc/playground/emotion/src/App.tsx b/packages/plugin-react-swc/playground/emotion/src/App.tsx
index 69e83f0de..73f71fcb3 100644
--- a/packages/plugin-react-swc/playground/emotion/src/App.tsx
+++ b/packages/plugin-react-swc/playground/emotion/src/App.tsx
@@ -8,7 +8,11 @@ export const App = () => (
         <img src="/vite.svg" className="logo" alt="Vite logo" />
       </a>
       <a href="https://emotion.sh/" target="_blank" rel="noreferrer">
-        <img src="https://emotion.sh/logo-96x96.png" className="logo emotion" alt="Emotion logo" />
+        <img
+          src="https://emotion.sh/logo-96x96.png"
+          className="logo emotion"
+          alt="Emotion logo"
+        />
       </a>
     </div>
     <div className="card">
@@ -17,6 +21,8 @@ export const App = () => (
         Edit <StyledCode>src/Button.tsx</StyledCode> and save to test HMR
       </p>
     </div>
-    <p className="read-the-docs">Click on the Vite and Emotion logos to learn more</p>
+    <p className="read-the-docs">
+      Click on the Vite and Emotion logos to learn more
+    </p>
   </div>
 )
diff --git a/packages/plugin-react-swc/playground/emotion/src/Button.tsx b/packages/plugin-react-swc/playground/emotion/src/Button.tsx
index 8bd3ad6e3..98c3318d8 100644
--- a/packages/plugin-react-swc/playground/emotion/src/Button.tsx
+++ b/packages/plugin-react-swc/playground/emotion/src/Button.tsx
@@ -1,5 +1,5 @@
-import styled from '@emotion/styled'
 import { css } from '@emotion/react'
+import styled from '@emotion/styled'
 import { useState } from 'react'
 
 // Ensure HMR of styled component alongside other components
diff --git a/packages/plugin-react-swc/playground/emotion/src/index.tsx b/packages/plugin-react-swc/playground/emotion/src/index.tsx
index ee852372c..0d74424f5 100644
--- a/packages/plugin-react-swc/playground/emotion/src/index.tsx
+++ b/packages/plugin-react-swc/playground/emotion/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/emotion/vite.config.ts b/packages/plugin-react-swc/playground/emotion/vite.config.ts
index cfb4c0283..7f1088171 100644
--- a/packages/plugin-react-swc/playground/emotion/vite.config.ts
+++ b/packages/plugin-react-swc/playground/emotion/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react({ jsxImportSource: '@emotion/react' })],
diff --git a/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts b/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
index 6abf7f6da..4742fce6c 100644
--- a/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
+++ b/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
@@ -1,5 +1,10 @@
 import { expect, test } from '@playwright/test'
-import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('Default build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('hmr')
@@ -37,7 +42,10 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h1')).toHaveText('Vite * React!')
 
   // Add non-component export
-  editFile('src/TitleWithExport.tsx', ["React!'", "React!'\nexport const useless = 3"])
+  editFile('src/TitleWithExport.tsx', [
+    "React!'",
+    "React!'\nexport const useless = 3",
+  ])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (new export)',
     '[vite] hot updated: /src/App.tsx',
@@ -60,7 +68,10 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h2')).toHaveText('Title2')
 
   // Remove component export
-  editFile('src/TitleWithExport.tsx', ['\nexport const Title2 = () => <h2>Title2</h2>', ''])
+  editFile('src/TitleWithExport.tsx', [
+    '\nexport const Title2 = () => <h2>Title2</h2>',
+    '',
+  ])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (export removed)',
     '[vite] hot updated: /src/App.tsx',
diff --git a/packages/plugin-react-swc/playground/hmr/src/App.tsx b/packages/plugin-react-swc/playground/hmr/src/App.tsx
index 3e888da79..048aeff90 100644
--- a/packages/plugin-react-swc/playground/hmr/src/App.tsx
+++ b/packages/plugin-react-swc/playground/hmr/src/App.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+
 import reactLogo from './react.svg'
 import './App.css'
 import { TitleWithExport, framework } from './TitleWithExport.tsx'
@@ -23,7 +24,9 @@ export const App = () => {
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">Click on the Vite and {framework} logos to learn more</p>
+      <p className="read-the-docs">
+        Click on the Vite and {framework} logos to learn more
+      </p>
     </div>
   )
 }
diff --git a/packages/plugin-react-swc/playground/hmr/src/index.tsx b/packages/plugin-react-swc/playground/hmr/src/index.tsx
index ee852372c..0d74424f5 100644
--- a/packages/plugin-react-swc/playground/hmr/src/index.tsx
+++ b/packages/plugin-react-swc/playground/hmr/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/hmr/vite.config.ts b/packages/plugin-react-swc/playground/hmr/vite.config.ts
index 7af9f6f97..9808d13cf 100644
--- a/packages/plugin-react-swc/playground/hmr/vite.config.ts
+++ b/packages/plugin-react-swc/playground/hmr/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts b/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
index d42ebf710..b8f007855 100644
--- a/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
+++ b/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
@@ -1,5 +1,10 @@
 import { expect, test } from '@playwright/test'
-import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('MDX build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('mdx')
diff --git a/packages/plugin-react-swc/playground/mdx/src/index.tsx b/packages/plugin-react-swc/playground/mdx/src/index.tsx
index 952de6f5c..300b324af 100644
--- a/packages/plugin-react-swc/playground/mdx/src/index.tsx
+++ b/packages/plugin-react-swc/playground/mdx/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import Hello from './hello.mdx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/mdx/vite.config.ts b/packages/plugin-react-swc/playground/mdx/vite.config.ts
index ff4f655ad..b441f3033 100644
--- a/packages/plugin-react-swc/playground/mdx/vite.config.ts
+++ b/packages/plugin-react-swc/playground/mdx/vite.config.ts
@@ -1,6 +1,6 @@
-import { defineConfig } from 'vite'
 import mdx from '@mdx-js/rollup'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [mdx(), react()],
diff --git a/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts b/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
index 7642fc58e..a4e6c999a 100644
--- a/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
+++ b/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
@@ -1,5 +1,10 @@
 import { expect, test } from '@playwright/test'
-import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('Default build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('react-18')
@@ -37,7 +42,10 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h1')).toHaveText('Vite * React!')
 
   // Add non-component export
-  editFile('src/TitleWithExport.tsx', ["React!'", "React!'\nexport const useless = 3"])
+  editFile('src/TitleWithExport.tsx', [
+    "React!'",
+    "React!'\nexport const useless = 3",
+  ])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (new export)',
     '[vite] hot updated: /src/App.tsx',
@@ -60,7 +68,10 @@ test('HMR invalidate', async ({ page }) => {
   await expect(page.locator('h2')).toHaveText('Title2')
 
   // Remove component export
-  editFile('src/TitleWithExport.tsx', ['\nexport const Title2 = () => <h2>Title2</h2>', ''])
+  editFile('src/TitleWithExport.tsx', [
+    '\nexport const Title2 = () => <h2>Title2</h2>',
+    '',
+  ])
   await waitForLogs(
     '[vite] invalidate /src/TitleWithExport.tsx: Could not Fast Refresh (export removed)',
     '[vite] hot updated: /src/App.tsx',
diff --git a/packages/plugin-react-swc/playground/react-18/src/App.tsx b/packages/plugin-react-swc/playground/react-18/src/App.tsx
index 3e888da79..048aeff90 100644
--- a/packages/plugin-react-swc/playground/react-18/src/App.tsx
+++ b/packages/plugin-react-swc/playground/react-18/src/App.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+
 import reactLogo from './react.svg'
 import './App.css'
 import { TitleWithExport, framework } from './TitleWithExport.tsx'
@@ -23,7 +24,9 @@ export const App = () => {
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">Click on the Vite and {framework} logos to learn more</p>
+      <p className="read-the-docs">
+        Click on the Vite and {framework} logos to learn more
+      </p>
     </div>
   )
 }
diff --git a/packages/plugin-react-swc/playground/react-18/src/index.tsx b/packages/plugin-react-swc/playground/react-18/src/index.tsx
index ee852372c..0d74424f5 100644
--- a/packages/plugin-react-swc/playground/react-18/src/index.tsx
+++ b/packages/plugin-react-swc/playground/react-18/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/react-18/vite.config.ts b/packages/plugin-react-swc/playground/react-18/vite.config.ts
index 7af9f6f97..9808d13cf 100644
--- a/packages/plugin-react-swc/playground/react-18/vite.config.ts
+++ b/packages/plugin-react-swc/playground/react-18/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts b/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts
index b1aadffb9..05c3220d5 100644
--- a/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts
+++ b/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Shadow export HMR', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/shadow-export/src/index.tsx b/packages/plugin-react-swc/playground/shadow-export/src/index.tsx
index 5e7046ce2..ef13e792b 100644
--- a/packages/plugin-react-swc/playground/shadow-export/src/index.tsx
+++ b/packages/plugin-react-swc/playground/shadow-export/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/shadow-export/vite.config.ts b/packages/plugin-react-swc/playground/shadow-export/vite.config.ts
index 7af9f6f97..9808d13cf 100644
--- a/packages/plugin-react-swc/playground/shadow-export/vite.config.ts
+++ b/packages/plugin-react-swc/playground/shadow-export/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts b/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
index 697af5184..863396a75 100644
--- a/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
+++ b/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
@@ -1,5 +1,11 @@
 import { expect, test } from '@playwright/test'
-import { expectColor, setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  expectColor,
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('styled-components build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('styled-components')
@@ -18,7 +24,8 @@ test('styled-components build', async ({ page }) => {
 })
 
 test('styled-components HMR', async ({ page }) => {
-  const { testUrl, server, editFile } = await setupDevServer('styled-components')
+  const { testUrl, server, editFile } =
+    await setupDevServer('styled-components')
   const waitForLogs = await setupWaitForLogs(page)
   await page.goto(testUrl)
   await waitForLogs('[vite] connected.')
diff --git a/packages/plugin-react-swc/playground/styled-components/src/App.tsx b/packages/plugin-react-swc/playground/styled-components/src/App.tsx
index a63afea6a..f00df29ed 100644
--- a/packages/plugin-react-swc/playground/styled-components/src/App.tsx
+++ b/packages/plugin-react-swc/playground/styled-components/src/App.tsx
@@ -21,6 +21,8 @@ export const App = () => (
         Edit <StyledCode>src/Button.tsx</StyledCode> and save to test HMR
       </p>
     </div>
-    <p className="read-the-docs">Click on the Vite and Styled Components logos to learn more</p>
+    <p className="read-the-docs">
+      Click on the Vite and Styled Components logos to learn more
+    </p>
   </div>
 )
diff --git a/packages/plugin-react-swc/playground/styled-components/src/Button.tsx b/packages/plugin-react-swc/playground/styled-components/src/Button.tsx
index 44be3f5bf..5a5030867 100644
--- a/packages/plugin-react-swc/playground/styled-components/src/Button.tsx
+++ b/packages/plugin-react-swc/playground/styled-components/src/Button.tsx
@@ -1,5 +1,5 @@
-import styled, { css } from 'styled-components'
 import { useState } from 'react'
+import styled, { css } from 'styled-components'
 
 // Ensure HMR of styled component alongside other components
 export const StyledCode = styled.code`
diff --git a/packages/plugin-react-swc/playground/styled-components/src/index.tsx b/packages/plugin-react-swc/playground/styled-components/src/index.tsx
index ee852372c..0d74424f5 100644
--- a/packages/plugin-react-swc/playground/styled-components/src/index.tsx
+++ b/packages/plugin-react-swc/playground/styled-components/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/styled-components/vite.config.ts b/packages/plugin-react-swc/playground/styled-components/vite.config.ts
index f852b23ee..c47750bab 100644
--- a/packages/plugin-react-swc/playground/styled-components/vite.config.ts
+++ b/packages/plugin-react-swc/playground/styled-components/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react({ plugins: [['@swc/plugin-styled-components', {}]] })],
diff --git a/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts b/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts
index 7f3357908..8f1b3a5e4 100644
--- a/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts
+++ b/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts
@@ -1,4 +1,5 @@
 import { type Page, expect, test } from '@playwright/test'
+
 import { setupBuildAndPreview, setupDevServer } from '../../utils.ts'
 
 test('TS lib build', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/ts-lib/src/index.tsx b/packages/plugin-react-swc/playground/ts-lib/src/index.tsx
index c0e262737..de5a7464c 100644
--- a/packages/plugin-react-swc/playground/ts-lib/src/index.tsx
+++ b/packages/plugin-react-swc/playground/ts-lib/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import App from './app'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/ts-lib/vite.config.ts b/packages/plugin-react-swc/playground/ts-lib/vite.config.ts
index 7af9f6f97..9808d13cf 100644
--- a/packages/plugin-react-swc/playground/ts-lib/vite.config.ts
+++ b/packages/plugin-react-swc/playground/ts-lib/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playground/utils.ts b/packages/plugin-react-swc/playground/utils.ts
index d059961e6..033412ba8 100644
--- a/packages/plugin-react-swc/playground/utils.ts
+++ b/packages/plugin-react-swc/playground/utils.ts
@@ -1,6 +1,12 @@
-import { readFileSync, writeFileSync } from 'node:fs'
 import { type Locator, type Page, expect } from '@playwright/test'
-import { build, createServer, loadConfigFromFile, mergeConfig, preview } from 'vite'
+import { readFileSync, writeFileSync } from 'node:fs'
+import {
+  build,
+  createServer,
+  loadConfigFromFile,
+  mergeConfig,
+  preview,
+} from 'vite'
 
 export const setupWaitForLogs = async (page: Page) => {
   let logs: string[] = []
@@ -12,7 +18,9 @@ export const setupWaitForLogs = async (page: Page) => {
       .poll(() => {
         if (
           messages.every((m) =>
-            typeof m === 'string' ? logs.includes(m) : logs.some((l) => m.test(l)),
+            typeof m === 'string'
+              ? logs.includes(m)
+              : logs.some((l) => m.test(l)),
           )
         ) {
           logs = []
@@ -27,7 +35,11 @@ let port = 5173
 export const setupDevServer = async (name: string) => {
   process.env['NODE_ENV'] = 'development'
   const root = `playground-temp/${name}`
-  const res = await loadConfigFromFile({ command: 'serve', mode: 'development' }, undefined, root)
+  const res = await loadConfigFromFile(
+    { command: 'serve', mode: 'development' },
+    undefined,
+    root,
+  )
   const testConfig = mergeConfig(res!.config, {
     root,
     logLevel: 'silent',
@@ -38,7 +50,10 @@ export const setupDevServer = async (name: string) => {
   return {
     testUrl: `http://localhost:${server.config.server.port}${server.config.base}`,
     server,
-    editFile: (name: string, ...replacements: [searchValue: string, replaceValue: string][]) => {
+    editFile: (
+      name: string,
+      ...replacements: [searchValue: string, replaceValue: string][]
+    ) => {
       const path = `${root}/${name}`
       let content = readFileSync(path, 'utf-8')
       for (const [search, replace] of replacements) {
@@ -55,7 +70,11 @@ export const setupDevServer = async (name: string) => {
 export const setupBuildAndPreview = async (name: string) => {
   process.env['NODE_ENV'] = 'production'
   const root = `playground-temp/${name}`
-  const res = await loadConfigFromFile({ command: 'build', mode: 'production' }, undefined, root)
+  const res = await loadConfigFromFile(
+    { command: 'build', mode: 'production' },
+    undefined,
+    root,
+  )
   const testConfig = mergeConfig(
     { root, logLevel: 'silent', configFile: false, preview: { port: port++ } },
     res!.config,
@@ -75,7 +94,12 @@ export const expectColor = async (
 ) => {
   await expect
     .poll(async () =>
-      rgbToHex(await locator.evaluate((el, prop) => getComputedStyle(el)[prop], property)),
+      rgbToHex(
+        await locator.evaluate(
+          (el, prop) => getComputedStyle(el)[prop],
+          property,
+        ),
+      ),
     )
     .toBe(color)
 }
diff --git a/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts b/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
index 54b908df9..28d440bfc 100644
--- a/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
+++ b/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
@@ -1,5 +1,10 @@
 import { test } from '@playwright/test'
-import { setupBuildAndPreview, setupDevServer, setupWaitForLogs } from '../../utils.ts'
+
+import {
+  setupBuildAndPreview,
+  setupDevServer,
+  setupWaitForLogs,
+} from '../../utils.ts'
 
 test('Worker build', async ({ page }) => {
   const { testUrl, server } = await setupBuildAndPreview('worker')
diff --git a/packages/plugin-react-swc/playground/worker/src/App.tsx b/packages/plugin-react-swc/playground/worker/src/App.tsx
index 055838c28..67d44f96f 100644
--- a/packages/plugin-react-swc/playground/worker/src/App.tsx
+++ b/packages/plugin-react-swc/playground/worker/src/App.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+
 import MyWorker from './worker-via-import.ts?worker&inline'
 
 new MyWorker()
diff --git a/packages/plugin-react-swc/playground/worker/src/index.tsx b/packages/plugin-react-swc/playground/worker/src/index.tsx
index 317caffbd..3d4b4d258 100644
--- a/packages/plugin-react-swc/playground/worker/src/index.tsx
+++ b/packages/plugin-react-swc/playground/worker/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 
 new Worker(new URL('./worker-via-url.ts', import.meta.url), { type: 'module' })
diff --git a/packages/plugin-react-swc/playground/worker/vite.config.ts b/packages/plugin-react-swc/playground/worker/vite.config.ts
index 7af9f6f97..9808d13cf 100644
--- a/packages/plugin-react-swc/playground/worker/vite.config.ts
+++ b/packages/plugin-react-swc/playground/worker/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react-swc'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   plugins: [react()],
diff --git a/packages/plugin-react-swc/playwright.config.ts b/packages/plugin-react-swc/playwright.config.ts
index a3b666818..83f53183d 100644
--- a/packages/plugin-react-swc/playwright.config.ts
+++ b/packages/plugin-react-swc/playwright.config.ts
@@ -1,6 +1,6 @@
-import { fileURLToPath } from 'node:url'
 import { type PlaywrightTestConfig, devices } from '@playwright/test'
 import fs from 'fs-extra'
+import { fileURLToPath } from 'node:url'
 
 const tempDir = fileURLToPath(new URL('playground-temp', import.meta.url))
 fs.ensureDirSync(tempDir)
@@ -8,7 +8,11 @@ fs.emptyDirSync(tempDir)
 fs.copySync(fileURLToPath(new URL('playground', import.meta.url)), tempDir, {
   filter: (src) => {
     src = src.replaceAll('\\', '/')
-    return !src.includes('/__tests__') && !src.includes('/.vite') && !src.includes('/dist')
+    return (
+      !src.includes('/__tests__') &&
+      !src.includes('/.vite') &&
+      !src.includes('/dist')
+    )
   },
 })
 
diff --git a/packages/plugin-react-swc/src/index.ts b/packages/plugin-react-swc/src/index.ts
index 94d6c35dd..65a36f666 100644
--- a/packages/plugin-react-swc/src/index.ts
+++ b/packages/plugin-react-swc/src/index.ts
@@ -1,6 +1,6 @@
-import { readFileSync } from 'node:fs'
-import { join } from 'node:path'
-import { createRequire } from 'node:module'
+import type { Plugin } from 'vite'
+
+import { exactRegex } from '@rolldown/pluginutils'
 import {
   type JscTarget,
   type Output,
@@ -9,7 +9,6 @@ import {
   type Options as SWCOptions,
   transform,
 } from '@swc/core'
-import type { Plugin } from 'vite'
 import {
   addRefreshWrapper,
   getPreambleCode,
@@ -17,8 +16,10 @@ import {
   silenceUseClientWarning,
   virtualPreamblePlugin,
 } from '@vitejs/react-common'
+import { readFileSync } from 'node:fs'
+import { createRequire } from 'node:module'
+import { join } from 'node:path'
 import * as vite from 'vite'
-import { exactRegex } from '@rolldown/pluginutils'
 
 const resolve = createRequire(import.meta.url).resolve
 
@@ -86,7 +87,8 @@ const react = (_options?: Options): Plugin[] => {
     devTarget: _options?.devTarget ?? 'es2020',
     parserConfig: _options?.parserConfig,
     reactRefreshHost: _options?.reactRefreshHost,
-    useAtYourOwnRisk_mutateSwcOptions: _options?.useAtYourOwnRisk_mutateSwcOptions,
+    useAtYourOwnRisk_mutateSwcOptions:
+      _options?.useAtYourOwnRisk_mutateSwcOptions,
     disableOxcRecommendation: _options?.disableOxcRecommendation,
   }
 
@@ -135,12 +137,17 @@ const react = (_options?: Options): Plugin[] => {
       configResolved(config) {
         viteCacheRoot = config.cacheDir
         hmrDisabled = config.server.hmr === false
-        const mdxIndex = config.plugins.findIndex((p) => p.name === '@mdx-js/rollup')
+        const mdxIndex = config.plugins.findIndex(
+          (p) => p.name === '@mdx-js/rollup',
+        )
         if (
           mdxIndex !== -1 &&
-          mdxIndex > config.plugins.findIndex((p) => p.name === 'vite:react-swc')
+          mdxIndex >
+            config.plugins.findIndex((p) => p.name === 'vite:react-swc')
         ) {
-          throw new Error('[vite:react-swc] The MDX plugin should be placed before this plugin')
+          throw new Error(
+            '[vite:react-swc] The MDX plugin should be placed before this plugin',
+          )
         }
 
         if (
@@ -206,10 +213,17 @@ const react = (_options?: Options): Plugin[] => {
             viteCacheRoot = config.cacheDir
           },
           transform: (code, _id) =>
-            transformWithOptions(_id.split('?')[0], code, 'esnext', options, viteCacheRoot, {
-              runtime: 'automatic',
-              importSource: options.jsxImportSource,
-            }),
+            transformWithOptions(
+              _id.split('?')[0],
+              code,
+              'esnext',
+              options,
+              viteCacheRoot,
+              {
+                runtime: 'automatic',
+                importSource: options.jsxImportSource,
+              },
+            ),
         }
       : {
           name: 'vite:react-swc',
diff --git a/packages/plugin-react-swc/tsdown.config.ts b/packages/plugin-react-swc/tsdown.config.ts
index 693bed792..87b0c0ffb 100644
--- a/packages/plugin-react-swc/tsdown.config.ts
+++ b/packages/plugin-react-swc/tsdown.config.ts
@@ -1,5 +1,6 @@
 import { writeFileSync } from 'node:fs'
 import { defineConfig } from 'tsdown'
+
 import packageJSON from './package.json' with { type: 'json' }
 
 export default defineConfig({
@@ -33,7 +34,10 @@ export default defineConfig({
         {
           ...Object.fromEntries(
             Object.entries(packageJSON).filter(
-              ([key, _val]) => key !== 'devDependencies' && key !== 'scripts' && key !== 'private',
+              ([key, _val]) =>
+                key !== 'devDependencies' &&
+                key !== 'scripts' &&
+                key !== 'private',
             ),
           ),
           exports: {
diff --git a/packages/plugin-react/src/index.ts b/packages/plugin-react/src/index.ts
index ab58880a1..4ae535d0e 100644
--- a/packages/plugin-react/src/index.ts
+++ b/packages/plugin-react/src/index.ts
@@ -1,11 +1,11 @@
-import { dirname, join } from 'node:path'
-import { fileURLToPath } from 'node:url'
-import { readFileSync } from 'node:fs'
 import type * as babelCore from '@babel/core'
 import type { ParserOptions, TransformOptions } from '@babel/core'
-import { createFilter } from 'vite'
-import * as vite from 'vite'
 import type { Plugin, ResolvedConfig } from 'vite'
+
+import {
+  exactRegex,
+  makeIdFiltersToMatchWithQuery,
+} from '@rolldown/pluginutils'
 import {
   addRefreshWrapper,
   getPreambleCode,
@@ -14,7 +14,11 @@ import {
   silenceUseClientWarning,
   virtualPreamblePlugin,
 } from '@vitejs/react-common'
-import { exactRegex, makeIdFiltersToMatchWithQuery } from '@rolldown/pluginutils'
+import { readFileSync } from 'node:fs'
+import { dirname, join } from 'node:path'
+import { fileURLToPath } from 'node:url'
+import { createFilter } from 'vite'
+import * as vite from 'vite'
 
 const _dirname = dirname(fileURLToPath(import.meta.url))
 const refreshRuntimePath = join(_dirname, 'refresh-runtime.js')
@@ -45,7 +49,9 @@ export interface Options {
   /**
    * Babel configuration applied in both dev and prod.
    */
-  babel?: BabelOptions | ((id: string, options: { ssr?: boolean }) => BabelOptions)
+  babel?:
+    | BabelOptions
+    | ((id: string, options: { ssr?: boolean }) => BabelOptions)
   /**
    * React Fast Refresh runtime URL prefix.
    * Useful in a module federation context to enable HMR by specifying
@@ -58,7 +64,12 @@ export interface Options {
 
 export type BabelOptions = Omit<
   TransformOptions,
-  'ast' | 'filename' | 'root' | 'sourceFileName' | 'sourceMaps' | 'inputSourceMap'
+  | 'ast'
+  | 'filename'
+  | 'root'
+  | 'sourceFileName'
+  | 'sourceMaps'
+  | 'inputSourceMap'
 >
 
 /**
@@ -186,7 +197,10 @@ export default function viteReact(opts: Options = {}): Plugin[] {
       }
       projectRoot = config.root
       isProduction = config.isProduction
-      skipFastRefresh = isProduction || config.command === 'build' || config.server.hmr === false
+      skipFastRefresh =
+        isProduction ||
+        config.command === 'build' ||
+        config.server.hmr === false
 
       const hooks: ReactBabelHook[] = config.plugins
         .map((plugin) => plugin.api?.reactBabel)
@@ -240,7 +254,9 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         const babelOptions = (() => {
           if (staticBabelOptions) return staticBabelOptions
           const newBabelOptions = createBabelOptions(
-            typeof opts.babel === 'function' ? opts.babel(id, { ssr }) : opts.babel,
+            typeof opts.babel === 'function'
+              ? opts.babel(id, { ssr })
+              : opts.babel,
           )
           runPluginOverrides?.(newBabelOptions, { id, ssr })
           return newBabelOptions
@@ -272,9 +288,13 @@ export default function viteReact(opts: Options = {}): Plugin[] {
           (isJSX ||
             (opts.jsxRuntime === 'classic'
               ? importReactRE.test(code)
-              : code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime)))
+              : code.includes(jsxImportDevRuntime) ||
+                code.includes(jsxImportRuntime)))
         if (useFastRefresh) {
-          plugins.push([await loadPlugin('react-refresh/babel'), { skipEnvCheck: true }])
+          plugins.push([
+            await loadPlugin('react-refresh/babel'),
+            { skipEnvCheck: true },
+          ])
         }
 
         if (opts.jsxRuntime === 'classic' && isJSX) {
@@ -359,9 +379,13 @@ export default function viteReact(opts: Options = {}): Plugin[] {
       try {
         // NOTE: `+` is to bypass lint & typecheck. vite/internal exists for newer rolldown-vite
         const vite = 'vite'
-        nativePlugin = (await import(vite + '/internal')).reactRefreshWrapperPlugin
+        nativePlugin = (await import(vite + '/internal'))
+          .reactRefreshWrapperPlugin
       } catch {}
-      if (!nativePlugin || ['7.1.10', '7.1.11', '7.1.12'].includes(vite.version)) {
+      if (
+        !nativePlugin ||
+        ['7.1.10', '7.1.11', '7.1.12'].includes(vite.version)
+      ) {
         // the native plugin in 7.1.10 and 7.1.11 and 7.1.12 does not support dev properly
         return true
       }
@@ -392,10 +416,17 @@ export default function viteReact(opts: Options = {}): Plugin[] {
         const useFastRefresh =
           !skipFastRefresh &&
           !ssr &&
-          (isJSX || code.includes(jsxImportDevRuntime) || code.includes(jsxImportRuntime))
+          (isJSX ||
+            code.includes(jsxImportDevRuntime) ||
+            code.includes(jsxImportRuntime))
         if (!useFastRefresh) return
 
-        const newCode = addRefreshWrapper(code, '@vitejs/plugin-react', id, opts.reactRefreshHost)
+        const newCode = addRefreshWrapper(
+          code,
+          '@vitejs/plugin-react',
+          id,
+          opts.reactRefreshHost,
+        )
         return newCode ? { code: newCode, map: null } : undefined
       },
     },
@@ -440,11 +471,18 @@ export default function viteReact(opts: Options = {}): Plugin[] {
     },
   }
 
-  const dependencies = ['react', 'react-dom', jsxImportDevRuntime, jsxImportRuntime]
-  const staticBabelPlugins = typeof opts.babel === 'object' ? (opts.babel?.plugins ?? []) : []
+  const dependencies = [
+    'react',
+    'react-dom',
+    jsxImportDevRuntime,
+    jsxImportRuntime,
+  ]
+  const staticBabelPlugins =
+    typeof opts.babel === 'object' ? (opts.babel?.plugins ?? []) : []
   const reactCompilerPlugin = getReactCompilerPlugin(staticBabelPlugins)
   if (reactCompilerPlugin != null) {
-    const reactCompilerRuntimeModule = getReactCompilerRuntimeModule(reactCompilerPlugin)
+    const reactCompilerRuntimeModule =
+      getReactCompilerRuntimeModule(reactCompilerPlugin)
     dependencies.push(reactCompilerRuntimeModule)
   }
 
@@ -490,7 +528,9 @@ export default function viteReact(opts: Options = {}): Plugin[] {
 
   return [
     viteBabel,
-    ...(isRolldownVite ? [viteRefreshWrapper, viteConfigPost, viteReactRefreshFullBundleMode] : []),
+    ...(isRolldownVite
+      ? [viteRefreshWrapper, viteConfigPost, viteReactRefreshFullBundleMode]
+      : []),
     viteReactRefresh,
     virtualPreamblePlugin({
       name: '@vitejs/plugin-react/preamble',
@@ -510,7 +550,10 @@ Object.assign(viteReactForCjs, {
 })
 export { viteReactForCjs as 'module.exports' }
 
-function canSkipBabel(plugins: ReactBabelOptions['plugins'], babelOptions: ReactBabelOptions) {
+function canSkipBabel(
+  plugins: ReactBabelOptions['plugins'],
+  babelOptions: ReactBabelOptions,
+) {
   return !(
     plugins.length ||
     babelOptions.presets.length ||
@@ -564,7 +607,9 @@ function getReactCompilerPlugin(plugins: ReactBabelOptions['plugins']) {
 type ReactCompilerRuntimeModule =
   | 'react/compiler-runtime' // from react namespace
   | 'react-compiler-runtime' // npm package
-function getReactCompilerRuntimeModule(plugin: babelCore.PluginItem): ReactCompilerRuntimeModule {
+function getReactCompilerRuntimeModule(
+  plugin: babelCore.PluginItem,
+): ReactCompilerRuntimeModule {
   let moduleName: ReactCompilerRuntimeModule = 'react/compiler-runtime'
   if (Array.isArray(plugin)) {
     if (plugin[1]?.target === '17' || plugin[1]?.target === '18') {
diff --git a/packages/plugin-react/tests/rolldown.test.ts b/packages/plugin-react/tests/rolldown.test.ts
index e62e7cb53..b67ab713a 100644
--- a/packages/plugin-react/tests/rolldown.test.ts
+++ b/packages/plugin-react/tests/rolldown.test.ts
@@ -1,6 +1,7 @@
 import path from 'node:path'
-import { expect, test } from 'vitest'
 import { type Plugin, rolldown } from 'rolldown'
+import { expect, test } from 'vitest'
+
 import pluginReact, { type Options } from '../src/index.ts'
 
 test('HMR related code should not be included when using rolldown', async () => {
diff --git a/packages/plugin-rsc/e2e/base.test.ts b/packages/plugin-rsc/e2e/base.test.ts
index b9e7d511e..edb85d2f7 100644
--- a/packages/plugin-rsc/e2e/base.test.ts
+++ b/packages/plugin-rsc/e2e/base.test.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { setupInlineFixture, useFixture, type Fixture } from './fixture'
 import { defineStarterTest } from './starter'
 
@@ -49,7 +50,9 @@ test.describe(() => {
     test('request url', async ({ page }) => {
       await page.goto(f.url())
       await page.waitForSelector('#root')
-      await expect(page.locator('.card').nth(2)).toHaveText(`Request URL: ${f.url()}`)
+      await expect(page.locator('.card').nth(2)).toHaveText(
+        `Request URL: ${f.url()}`,
+      )
     })
   }
 })
diff --git a/packages/plugin-rsc/e2e/basic.test.ts b/packages/plugin-rsc/e2e/basic.test.ts
index a8abec500..09363879b 100644
--- a/packages/plugin-rsc/e2e/basic.test.ts
+++ b/packages/plugin-rsc/e2e/basic.test.ts
@@ -1,11 +1,22 @@
+import {
+  type Page,
+  type Response as PlaywrightResponse,
+  expect,
+  test,
+} from '@playwright/test'
 import { createHash } from 'node:crypto'
 import { readFileSync } from 'node:fs'
-import { type Page, type Response as PlaywrightResponse, expect, test } from '@playwright/test'
-import { type Fixture, useCreateEditor, useFixture } from './fixture'
-import { expectNoPageError, expectNoReload, testNoJs, waitForHydration } from './helper'
+import path from 'node:path'
 import { x } from 'tinyexec'
 import { normalizePath, type Rollup } from 'vite'
-import path from 'node:path'
+
+import { type Fixture, useCreateEditor, useFixture } from './fixture'
+import {
+  expectNoPageError,
+  expectNoReload,
+  testNoJs,
+  waitForHydration,
+} from './helper'
 
 test.describe('dev-default', () => {
   const f = useFixture({ root: 'examples/basic', mode: 'dev' })
@@ -18,8 +29,14 @@ test.describe('dev-initial', () => {
   // verify css is collected properly on server startup (i.e. empty module graph)
   testNoJs('style', async ({ page }) => {
     await page.goto(f.url('./'))
-    await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
-    await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.locator('.test-style-client')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
+    await expect(page.locator('.test-style-server')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
     await expect(page.locator('.test-tw-client')).toHaveCSS(
       'color',
       // blue-500
@@ -91,7 +108,10 @@ test.describe('dev-non-optimized-cjs', () => {
     // remove explicitly added optimizeDeps.include
     const editor = f.createEditor('vite.config.ts')
     editor.edit((s) =>
-      s.replace(`include: ['@vitejs/test-dep-transitive-cjs > @vitejs/test-dep-cjs'],`, ``),
+      s.replace(
+        `include: ['@vitejs/test-dep-transitive-cjs > @vitejs/test-dep-cjs'],`,
+        ``,
+      ),
     )
   })
 
@@ -117,7 +137,9 @@ test.describe('dev-inconsistent-client-optimization', () => {
   test.beforeAll(async () => {
     // remove explicitly added optimizeDeps.exclude
     const editor = f.createEditor('vite.config.ts')
-    editor.edit((s) => s.replace(`'@vitejs/test-dep-client-in-server2/client',`, ``))
+    editor.edit((s) =>
+      s.replace(`'@vitejs/test-dep-client-in-server2/client',`, ``),
+    )
   })
 
   const f = useFixture({
@@ -127,7 +149,9 @@ test.describe('dev-inconsistent-client-optimization', () => {
 
   test('show warning', async ({ page }) => {
     await page.goto(f.url())
-    expect(f.proc().stderr()).toContain('client component dependency is inconsistently optimized.')
+    expect(f.proc().stderr()).toContain(
+      'client component dependency is inconsistently optimized.',
+    )
   })
 })
 
@@ -211,9 +235,13 @@ function defineTest(f: Fixture) {
   async function testAction(page: Page) {
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
     await page.getByRole('button', { name: 'server-counter: 1' }).click()
-    await expect(page.getByRole('button', { name: 'server-counter: 2' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'server-counter: 2' }),
+    ).toBeVisible()
     await page.getByRole('button', { name: 'server-counter-reset' }).click()
-    await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'server-counter: 0' }),
+    ).toBeVisible()
   }
 
   test('useActionState @js', async ({ page }) => {
@@ -247,9 +275,13 @@ function defineTest(f: Fixture) {
     // no js
     js = false
     await page.goto(f.url())
-    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 0')
+    await expect(page.getByTestId('use-action-state')).toContainText(
+      'test-useActionState: 0',
+    )
     await page.getByTestId('use-action-state').click()
-    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 1')
+    await expect(page.getByTestId('use-action-state')).toContainText(
+      'test-useActionState: 1',
+    )
 
     // with js (hydration)
     js = true
@@ -261,11 +293,17 @@ function defineTest(f: Fixture) {
   })
 
   async function testUseActionState(page: Page) {
-    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 0')
+    await expect(page.getByTestId('use-action-state')).toContainText(
+      'test-useActionState: 0',
+    )
     await page.getByTestId('use-action-state').click()
-    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 1')
+    await expect(page.getByTestId('use-action-state')).toContainText(
+      'test-useActionState: 1',
+    )
     await page.getByTestId('use-action-state').click()
-    await expect(page.getByTestId('use-action-state')).toContainText('test-useActionState: 2')
+    await expect(page.getByTestId('use-action-state')).toContainText(
+      'test-useActionState: 2',
+    )
   }
 
   test('useActionState with jsx @js', async ({ page }) => {
@@ -282,7 +320,9 @@ function defineTest(f: Fixture) {
 
   async function testUseActionStateJsx(page: Page, options?: { js?: boolean }) {
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\)/)
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
+      /\(ok\)/,
+    )
 
     // 1st call "works" but it shows an error during reponse and it breaks 2nd call.
     //   Failed to serialize an action for progressive enhancement:
@@ -291,7 +331,9 @@ function defineTest(f: Fixture) {
     if (!options?.js) return
 
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\).*\(ok\)/)
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
+      /\(ok\).*\(ok\)/,
+    )
   }
 
   test.describe(() => {
@@ -301,15 +343,19 @@ function defineTest(f: Fixture) {
       await page.goto(f.url())
       const srcs = await page
         .locator(`head >> link[rel="modulepreload"]`)
-        .evaluateAll((elements) => elements.map((el) => el.getAttribute('href')))
+        .evaluateAll((elements) =>
+          elements.map((el) => el.getAttribute('href')),
+        )
       const manifest = JSON.parse(
-        readFileSync(f.root + '/dist/ssr/__vite_rsc_assets_manifest.js', 'utf-8').slice(
-          'export default '.length,
-        ),
+        readFileSync(
+          f.root + '/dist/ssr/__vite_rsc_assets_manifest.js',
+          'utf-8',
+        ).slice('export default '.length),
       )
       const hashString = (v: string) =>
         createHash('sha256').update(v).digest().toString('hex').slice(0, 12)
-      const deps = manifest.clientReferenceDeps[hashString('src/routes/client.tsx')]
+      const deps =
+        manifest.clientReferenceDeps[hashString('src/routes/client.tsx')]
       expect(srcs).toEqual(expect.arrayContaining(deps.js))
     })
   })
@@ -332,25 +378,35 @@ function defineTest(f: Fixture) {
 
   async function testServerActionUpdate(page: Page, options: { js: boolean }) {
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
-    await expect(page.getByRole('button', { name: 'server-counter: 1' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'server-counter: 1' }),
+    ).toBeVisible()
 
     // update server code
     const editor = f.createEditor('src/routes/action/action.tsx')
-    editor.edit((s) => s.replace('const TEST_UPDATE = 1\n', 'const TEST_UPDATE = 10\n'))
+    editor.edit((s) =>
+      s.replace('const TEST_UPDATE = 1\n', 'const TEST_UPDATE = 10\n'),
+    )
     await expect(async () => {
       if (!options.js) await page.goto(f.url())
-      await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible({
+      await expect(
+        page.getByRole('button', { name: 'server-counter: 0' }),
+      ).toBeVisible({
         timeout: 10,
       })
     }).toPass()
 
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
-    await expect(page.getByRole('button', { name: 'server-counter: 10' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'server-counter: 10' }),
+    ).toBeVisible()
 
     editor.reset()
     await expect(async () => {
       if (!options.js) await page.goto(f.url())
-      await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible({
+      await expect(
+        page.getByRole('button', { name: 'server-counter: 0' }),
+      ).toBeVisible({
         timeout: 10,
       })
     }).toPass()
@@ -363,11 +419,15 @@ function defineTest(f: Fixture) {
       await page.goto(f.url())
       await waitForHydration(page)
       await page.getByRole('button', { name: 'client-counter: 0' }).click()
-      await expect(page.getByRole('button', { name: 'client-counter: 1' })).toBeVisible()
+      await expect(
+        page.getByRole('button', { name: 'client-counter: 1' }),
+      ).toBeVisible()
 
       const editor = f.createEditor('src/routes/client.tsx')
       editor.edit((s) => s.replace('client-counter', 'client-[edit]-counter'))
-      await expect(page.getByRole('button', { name: 'client-[edit]-counter: 1' })).toBeVisible()
+      await expect(
+        page.getByRole('button', { name: 'client-[edit]-counter: 1' }),
+      ).toBeVisible()
 
       // check next ssr is also updated
       const res = await page.goto(f.url())
@@ -392,9 +452,9 @@ function defineTest(f: Fixture) {
 
       // check next rsc payload includes current client reference and preserves state
       await page.locator("a[href='?test-hmr-client-dep-re-render']").click()
-      await expect(page.locator("a[href='?test-hmr-client-dep-re-render']")).toHaveText(
-        're-render [ok]',
-      )
+      await expect(
+        page.locator("a[href='?test-hmr-client-dep-re-render']"),
+      ).toHaveText('re-render [ok]')
       await expect(locator).toHaveText('test-hmr-client-dep: 1[ok-edit]')
 
       // check next ssr is also updated
@@ -424,9 +484,9 @@ function defineTest(f: Fixture) {
 
       // check next rsc payload includes an updated client reference and preserves state
       await page.locator("a[href='?test-hmr-client-dep2-re-render']").click()
-      await expect(page.locator("a[href='?test-hmr-client-dep2-re-render']")).toHaveText(
-        're-render [ok]',
-      )
+      await expect(
+        page.locator("a[href='?test-hmr-client-dep2-re-render']"),
+      ).toHaveText('re-render [ok]')
       await expect(locator).toHaveText('test-hmr-client-dep2: 1[ok-edit]')
 
       // check next ssr is also updated
@@ -447,9 +507,13 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/action/server.tsx')
       editor.edit((s) => s.replace('server-counter', 'server-[edit]-counter'))
-      await expect(page.getByRole('button', { name: 'server-[edit]-counter: 0' })).toBeVisible()
+      await expect(
+        page.getByRole('button', { name: 'server-[edit]-counter: 0' }),
+      ).toBeVisible()
       editor.reset()
-      await expect(page.getByRole('button', { name: 'server-counter: 0' })).toBeVisible()
+      await expect(
+        page.getByRole('button', { name: 'server-counter: 0' }),
+      ).toBeVisible()
     })
 
     test('module invalidation', async ({ page }) => {
@@ -479,8 +543,12 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
 
       // Test initial state
-      await expect(page.getByTestId('test-hmr-shared-server')).toContainText('(shared1, shared2)')
-      await expect(page.getByTestId('test-hmr-shared-client')).toContainText('(shared1, shared2)')
+      await expect(page.getByTestId('test-hmr-shared-server')).toContainText(
+        '(shared1, shared2)',
+      )
+      await expect(page.getByTestId('test-hmr-shared-client')).toContainText(
+        '(shared1, shared2)',
+      )
 
       // Test 1: Component HMR (shared1.tsx)
       const editor1 = f.createEditor('src/routes/hmr-shared/shared1.tsx')
@@ -495,8 +563,12 @@ function defineTest(f: Fixture) {
       )
 
       editor1.reset()
-      await expect(page.getByTestId('test-hmr-shared-server')).toContainText('(shared1, shared2)')
-      await expect(page.getByTestId('test-hmr-shared-client')).toContainText('(shared1, shared2)')
+      await expect(page.getByTestId('test-hmr-shared-server')).toContainText(
+        '(shared1, shared2)',
+      )
+      await expect(page.getByTestId('test-hmr-shared-client')).toContainText(
+        '(shared1, shared2)',
+      )
 
       // Test 2: Non-component HMR (shared2.tsx)
       const editor2 = f.createEditor('src/routes/hmr-shared/shared2.tsx')
@@ -511,8 +583,12 @@ function defineTest(f: Fixture) {
       )
 
       editor2.reset()
-      await expect(page.getByTestId('test-hmr-shared-server')).toContainText('(shared1, shared2)')
-      await expect(page.getByTestId('test-hmr-shared-client')).toContainText('(shared1, shared2)')
+      await expect(page.getByTestId('test-hmr-shared-server')).toContainText(
+        '(shared1, shared2)',
+      )
+      await expect(page.getByTestId('test-hmr-shared-client')).toContainText(
+        '(shared1, shared2)',
+      )
     })
 
     // for this use case to work, server refetch/render and client hmr needs to applied atomically
@@ -521,19 +597,25 @@ function defineTest(f: Fixture) {
     test('shared hmr not atomic', async ({ page }) => {
       await page.goto(f.url())
       await waitForHydration(page)
-      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText('ok (test-shared)')
+      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText(
+        'ok (test-shared)',
+      )
 
       // non-atomic update causes an error
       const editor = f.createEditor('src/routes/hmr-shared/atomic/shared.tsx')
       editor.edit((s) => s.replace('test-shared', 'test-shared-edit'))
-      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText('ErrorBoundary')
+      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText(
+        'ErrorBoundary',
+      )
 
       await page.reload()
       await expect(page.getByText('ok (test-shared-edit)')).toBeVisible()
 
       // non-atomic update causes an error
       editor.reset()
-      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText('ErrorBoundary')
+      await expect(page.getByTestId('test-hmr-shared-atomic')).toContainText(
+        'ErrorBoundary',
+      )
 
       await page.reload()
       await expect(page.getByText('ok (test-shared)')).toBeVisible()
@@ -544,14 +626,20 @@ function defineTest(f: Fixture) {
       await waitForHydration(page)
       await using _ = await expectNoReload(page)
 
-      await expect(page.getByTestId('test-hmr-switch-server')).toContainText('(useState: false)')
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
+        '(useState: false)',
+      )
       const editor = f.createEditor('src/routes/hmr-switch/server.tsx')
       editor.edit((s) => `"use client";\n` + s)
-      await expect(page.getByTestId('test-hmr-switch-server')).toContainText('(useState: true)')
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
+        '(useState: true)',
+      )
 
       await page.waitForTimeout(100)
       editor.reset()
-      await expect(page.getByTestId('test-hmr-switch-server')).toContainText('(useState: false)')
+      await expect(page.getByTestId('test-hmr-switch-server')).toContainText(
+        '(useState: false)',
+      )
     })
 
     test('hmr switch client to server', async ({ page }) => {
@@ -559,14 +647,20 @@ function defineTest(f: Fixture) {
       await waitForHydration(page)
       await using _ = await expectNoReload(page)
 
-      await expect(page.getByTestId('test-hmr-switch-client')).toContainText('(useState: true)')
+      await expect(page.getByTestId('test-hmr-switch-client')).toContainText(
+        '(useState: true)',
+      )
       const editor = f.createEditor('src/routes/hmr-switch/client.tsx')
       editor.edit((s) => s.replace(`'use client'`, ''))
-      await expect(page.getByTestId('test-hmr-switch-client')).toContainText('(useState: false)')
+      await expect(page.getByTestId('test-hmr-switch-client')).toContainText(
+        '(useState: false)',
+      )
 
       await page.waitForTimeout(100)
       editor.reset()
-      await expect(page.getByTestId('test-hmr-switch-client')).toContainText('(useState: true)')
+      await expect(page.getByTestId('test-hmr-switch-client')).toContainText(
+        '(useState: true)',
+      )
     })
   })
 
@@ -583,12 +677,30 @@ function defineTest(f: Fixture) {
 
   async function testCssBasic(page: Page) {
     await testCss(page)
-    await expect(page.locator('.test-dep-css-in-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
-    await expect(page.locator('.test-style-server-manual')).toHaveCSS('color', 'rgb(255, 165, 0)')
-    await expect(page.getByTestId('css-module-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
-    await expect(page.getByTestId('css-module-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
-    await expect(page.locator('.test-style-url-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
-    await expect(page.locator('.test-style-url-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    await expect(page.locator('.test-dep-css-in-server')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
+    await expect(page.locator('.test-style-server-manual')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
+    await expect(page.getByTestId('css-module-client')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
+    await expect(page.getByTestId('css-module-server')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
+    await expect(page.locator('.test-style-url-client')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
+    await expect(page.locator('.test-style-url-server')).toHaveCSS(
+      'color',
+      'rgb(255, 165, 0)',
+    )
   }
 
   async function testCss(page: Page, color = 'rgb(255, 165, 0)') {
@@ -606,28 +718,50 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-client/client.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(0, 165, 255)')
-      editor.edit((s) => s.replaceAll(`color: rgb(0, 165, 255);`, `/* color: rgb(0, 165, 255); */`))
-      await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(0, 0, 0)')
+      await expect(page.locator('.test-style-client')).toHaveCSS(
+        'color',
+        'rgb(0, 165, 255)',
+      )
+      editor.edit((s) =>
+        s.replaceAll(
+          `color: rgb(0, 165, 255);`,
+          `/* color: rgb(0, 165, 255); */`,
+        ),
+      )
+      await expect(page.locator('.test-style-client')).toHaveCSS(
+        'color',
+        'rgb(0, 0, 0)',
+      )
       // wait longer for multiple edits
       await page.waitForTimeout(100)
       editor.reset()
-      await expect(page.locator('.test-style-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.locator('.test-style-client')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
       await expectNoDuplicateServerCss(page)
     })
 
     async function expectNoDuplicateServerCss(page: Page) {
       // verify duplicate client-reference style link are removed
       await expect(
-        page.locator('link[rel="stylesheet"][data-precedence="vite-rsc/client-reference"]'),
+        page.locator(
+          'link[rel="stylesheet"][data-precedence="vite-rsc/client-reference"]',
+        ),
       ).toHaveCount(0)
       await expect(
         page
-          .locator('link[rel="stylesheet"][data-precedence="vite-rsc/importer-resources"]')
+          .locator(
+            'link[rel="stylesheet"][data-precedence="vite-rsc/importer-resources"]',
+          )
           .nth(0),
       ).toBeAttached()
       await expect(
-        page.locator('link[rel="stylesheet"][data-precedence="test-style-manual-link"]').nth(0),
+        page
+          .locator(
+            'link[rel="stylesheet"][data-precedence="test-style-manual-link"]',
+          )
+          .nth(0),
       ).toBeAttached()
     }
 
@@ -649,20 +783,33 @@ function defineTest(f: Fixture) {
       await testAddRemoveCssClient(page, { js: false })
     })
 
-    async function testAddRemoveCssClient(page: Page, options: { js: boolean }) {
-      await expect(page.locator('.test-style-client-dep')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    async function testAddRemoveCssClient(
+      page: Page,
+      options: { js: boolean },
+    ) {
+      await expect(page.locator('.test-style-client-dep')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
 
       // remove css import
       const editor = f.createEditor('src/routes/style-client/client-dep.tsx')
       editor.edit((s) =>
-        s.replaceAll(`import './client-dep.css'`, `/* import './client-dep.css' */`),
+        s.replaceAll(
+          `import './client-dep.css'`,
+          `/* import './client-dep.css' */`,
+        ),
       )
       await page.waitForTimeout(100)
       await expect(async () => {
         if (!options.js) await page.reload()
-        await expect(page.locator('.test-style-client-dep')).toHaveCSS('color', 'rgb(0, 0, 0)', {
-          timeout: 10,
-        })
+        await expect(page.locator('.test-style-client-dep')).toHaveCSS(
+          'color',
+          'rgb(0, 0, 0)',
+          {
+            timeout: 10,
+          },
+        )
       }).toPass()
 
       // add back css import
@@ -685,12 +832,29 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-server/server.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 165, 255)')
-      editor.edit((s) => s.replaceAll(`color: rgb(0, 165, 255);`, `/* color: rgb(0, 165, 255); */`))
-      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 0, 0)')
+      await expect(page.locator('.test-style-server')).toHaveCSS(
+        'color',
+        'rgb(0, 165, 255)',
+      )
+      editor.edit((s) =>
+        s.replaceAll(
+          `color: rgb(0, 165, 255);`,
+          `/* color: rgb(0, 165, 255); */`,
+        ),
+      )
+      await expect(page.locator('.test-style-server')).toHaveCSS(
+        'color',
+        'rgb(0, 0, 0)',
+      )
       editor.reset()
-      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
-      await expect(page.locator('.test-style-server-manual')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.locator('.test-style-server')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
+      await expect(page.locator('.test-style-server-manual')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
       await expectNoDuplicateServerCss(page)
     })
 
@@ -698,7 +862,10 @@ function defineTest(f: Fixture) {
     test('adding/removing css server @js', async ({ page }) => {
       await page.goto(f.url())
       await waitForHydration(page)
-      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.locator('.test-style-server')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
 
       const editor = f.createEditor('src/routes/style-server/server.tsx')
 
@@ -707,12 +874,22 @@ function defineTest(f: Fixture) {
         await using _ = await expectNoReload(page)
 
         // remove css import
-        editor.edit((s) => s.replaceAll(`import './server.css'`, `/* import './server.css' */`))
-        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 0, 0)')
+        editor.edit((s) =>
+          s.replaceAll(`import './server.css'`, `/* import './server.css' */`),
+        )
+        await expect(page.locator('.test-style-server')).toHaveCSS(
+          'color',
+          'rgb(0, 0, 0)',
+        )
 
         // add new css
-        editor.edit((s) => s.replaceAll(`/* import './server.css' */`, `import './server2.css'`))
-        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 255, 165)')
+        editor.edit((s) =>
+          s.replaceAll(`/* import './server.css' */`, `import './server2.css'`),
+        )
+        await expect(page.locator('.test-style-server')).toHaveCSS(
+          'color',
+          'rgb(0, 255, 165)',
+        )
       }
 
       // TODO: React doesn't re-inert same css link. so manual reload is required.
@@ -720,9 +897,13 @@ function defineTest(f: Fixture) {
       await page.waitForTimeout(100)
       await expect(async () => {
         await page.reload()
-        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)', {
-          timeout: 10,
-        })
+        await expect(page.locator('.test-style-server')).toHaveCSS(
+          'color',
+          'rgb(255, 165, 0)',
+          {
+            timeout: 10,
+          },
+        )
       }).toPass()
     })
 
@@ -731,18 +912,30 @@ function defineTest(f: Fixture) {
       await testAddRemoveCssServer(page, { js: false })
     })
 
-    async function testAddRemoveCssServer(page: Page, options: { js: boolean }) {
-      await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+    async function testAddRemoveCssServer(
+      page: Page,
+      options: { js: boolean },
+    ) {
+      await expect(page.locator('.test-style-server')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
 
       // remove css import
       const editor = f.createEditor('src/routes/style-server/server.tsx')
-      editor.edit((s) => s.replaceAll(`import './server.css'`, `/* import './server.css' */`))
+      editor.edit((s) =>
+        s.replaceAll(`import './server.css'`, `/* import './server.css' */`),
+      )
       await page.waitForTimeout(100)
       await expect(async () => {
         if (!options.js) await page.reload()
-        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(0, 0, 0)', {
-          timeout: 10,
-        })
+        await expect(page.locator('.test-style-server')).toHaveCSS(
+          'color',
+          'rgb(0, 0, 0)',
+          {
+            timeout: 10,
+          },
+        )
       }).toPass()
 
       // add back css import
@@ -750,9 +943,13 @@ function defineTest(f: Fixture) {
       await page.waitForTimeout(100)
       await expect(async () => {
         if (!options.js) await page.reload()
-        await expect(page.locator('.test-style-server')).toHaveCSS('color', 'rgb(255, 165, 0)', {
-          timeout: 10,
-        })
+        await expect(page.locator('.test-style-server')).toHaveCSS(
+          'color',
+          'rgb(255, 165, 0)',
+          {
+            timeout: 10,
+          },
+        )
       }).toPass()
     }
 
@@ -762,9 +959,15 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-client/client.module.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.getByTestId('css-module-client')).toHaveCSS('color', 'rgb(0, 165, 255)')
+      await expect(page.getByTestId('css-module-client')).toHaveCSS(
+        'color',
+        'rgb(0, 165, 255)',
+      )
       editor.reset()
-      await expect(page.getByTestId('css-module-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.getByTestId('css-module-client')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
     })
 
     test('css module server hmr', async ({ page }) => {
@@ -773,9 +976,15 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-server/server.module.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.getByTestId('css-module-server')).toHaveCSS('color', 'rgb(0, 165, 255)')
+      await expect(page.getByTestId('css-module-server')).toHaveCSS(
+        'color',
+        'rgb(0, 165, 255)',
+      )
       editor.reset()
-      await expect(page.getByTestId('css-module-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.getByTestId('css-module-server')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
     })
 
     test('css url client hmr', async ({ page }) => {
@@ -784,9 +993,15 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-client/client-url.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-url-client')).toHaveCSS('color', 'rgb(0, 165, 255)')
+      await expect(page.locator('.test-style-url-client')).toHaveCSS(
+        'color',
+        'rgb(0, 165, 255)',
+      )
       editor.reset()
-      await expect(page.locator('.test-style-url-client')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.locator('.test-style-url-client')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
     })
 
     test('css url server hmr', async ({ page }) => {
@@ -795,9 +1010,15 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
       const editor = f.createEditor('src/routes/style-server/server-url.css')
       editor.edit((s) => s.replaceAll('rgb(255, 165, 0)', 'rgb(0, 165, 255)'))
-      await expect(page.locator('.test-style-url-server')).toHaveCSS('color', 'rgb(0, 165, 255)')
+      await expect(page.locator('.test-style-url-server')).toHaveCSS(
+        'color',
+        'rgb(0, 165, 255)',
+      )
       editor.reset()
-      await expect(page.locator('.test-style-url-server')).toHaveCSS('color', 'rgb(255, 165, 0)')
+      await expect(page.locator('.test-style-url-server')).toHaveCSS(
+        'color',
+        'rgb(255, 165, 0)',
+      )
     })
   })
 
@@ -806,7 +1027,10 @@ function defineTest(f: Fixture) {
     await waitForHydration(page)
     await using _ = await expectNoReload(page)
     await page.locator("a[href='?test-client-style-no-ssr']").click()
-    await expect(page.locator('.test-style-client-no-ssr')).toHaveCSS('color', 'rgb(0, 200, 100)')
+    await expect(page.locator('.test-style-client-no-ssr')).toHaveCSS(
+      'color',
+      'rgb(0, 200, 100)',
+    )
   })
 
   test('tailwind @js', async ({ page }) => {
@@ -845,15 +1069,27 @@ function defineTest(f: Fixture) {
 
       const clientFile = f.createEditor('src/routes/tailwind/client.tsx')
       clientFile.edit((s) => s.replaceAll('text-[#00f]', 'text-[#88f]'))
-      await expect(page.locator('.test-tw-client')).toHaveCSS('color', 'rgb(136, 136, 255)')
+      await expect(page.locator('.test-tw-client')).toHaveCSS(
+        'color',
+        'rgb(136, 136, 255)',
+      )
       clientFile.reset()
-      await expect(page.locator('.test-tw-client')).toHaveCSS('color', 'rgb(0, 0, 255)')
+      await expect(page.locator('.test-tw-client')).toHaveCSS(
+        'color',
+        'rgb(0, 0, 255)',
+      )
 
       const serverFile = f.createEditor('src/routes/tailwind/server.tsx')
       serverFile.edit((s) => s.replaceAll('text-[#f00]', 'text-[#f88]'))
-      await expect(page.locator('.test-tw-server')).toHaveCSS('color', 'rgb(255, 136, 136)')
+      await expect(page.locator('.test-tw-server')).toHaveCSS(
+        'color',
+        'rgb(255, 136, 136)',
+      )
       serverFile.reset()
-      await expect(page.locator('.test-tw-server')).toHaveCSS('color', 'rgb(255, 0, 0)')
+      await expect(page.locator('.test-tw-server')).toHaveCSS(
+        'color',
+        'rgb(255, 0, 0)',
+      )
     })
 
     test('tailwind no redundant server hmr', async ({ page }) => {
@@ -869,7 +1105,9 @@ function defineTest(f: Fixture) {
       await page.waitForTimeout(200)
       f.createEditor('src/routes/tailwind/server.tsx').resave()
       await page.waitForTimeout(200)
-      expect(logs).toEqual([expect.stringMatching(/\[vite-rsc:update\].*\/tailwind\/server.tsx/)])
+      expect(logs).toEqual([
+        expect.stringMatching(/\[vite-rsc:update\].*\/tailwind\/server.tsx/),
+      ])
     })
   })
 
@@ -877,7 +1115,9 @@ function defineTest(f: Fixture) {
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByRole('button', { name: 'test-temporary-reference' }).click()
-    await expect(page.getByTestId('temporary-reference')).toContainText('result: [server [client]]')
+    await expect(page.getByTestId('temporary-reference')).toContainText(
+      'result: [server [client]]',
+    )
   })
 
   test('server action error @js', async ({ page }) => {
@@ -893,17 +1133,23 @@ function defineTest(f: Fixture) {
       })
     })
     await page.getByRole('button', { name: 'test-server-action-error' }).click()
-    await expect(page.getByTestId('action-error-boundary')).toContainText('ErrorBoundary triggered')
+    await expect(page.getByTestId('action-error-boundary')).toContainText(
+      'ErrorBoundary triggered',
+    )
     await expect(errorResponse).resolves.toEqual(500)
     if (f.mode === 'dev') {
-      await expect(page.getByTestId('action-error-boundary')).toContainText('(Error: boom!)')
+      await expect(page.getByTestId('action-error-boundary')).toContainText(
+        '(Error: boom!)',
+      )
     } else {
       await expect(page.getByTestId('action-error-boundary')).toContainText(
         '(Error: An error occurred in the Server Components render.',
       )
     }
     await page.getByRole('button', { name: 'reset-error' }).click()
-    await expect(page.getByRole('button', { name: 'test-server-action-error' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'test-server-action-error' }),
+    ).toBeVisible()
   })
 
   test.describe(() => {
@@ -918,10 +1164,14 @@ function defineTest(f: Fixture) {
           }
         })
       })
-      await page.getByRole('button', { name: 'test-server-action-error' }).click()
+      await page
+        .getByRole('button', { name: 'test-server-action-error' })
+        .click()
       const response = await responsePromise
       expect(response.status()).toBe(500)
-      await expect(response.text()).resolves.toBe('Internal Server Error: server action failed')
+      await expect(response.text()).resolves.toBe(
+        'Internal Server Error: server action failed',
+      )
     })
   })
 
@@ -935,7 +1185,9 @@ function defineTest(f: Fixture) {
     await locator.click()
     await expect(page.getByText('Caught an unexpected error')).toBeVisible()
     if (f.mode === 'dev') {
-      await expect(page.getByText('Error: Client error triggered')).toBeVisible()
+      await expect(
+        page.getByText('Error: Client error triggered'),
+      ).toBeVisible()
     } else {
       await expect(page.getByText('Error: (Unknown)')).toBeVisible()
     }
@@ -947,7 +1199,8 @@ function defineTest(f: Fixture) {
     await page.goto(f.url())
     await waitForHydration(page)
 
-    const expectedText = f.mode === 'dev' ? 'Error: test-server-error!' : 'Error: (Unknown)'
+    const expectedText =
+      f.mode === 'dev' ? 'Error: test-server-error!' : 'Error: (Unknown)'
 
     // trigger client navigation error
     await page.getByRole('link', { name: 'test-server-error' }).click()
@@ -963,8 +1216,12 @@ function defineTest(f: Fixture) {
     // client is interactive before suspense is resolved
     await page.goto(f.url('./?test-suspense=1000'), { waitUntil: 'commit' })
     await waitForHydration(page)
-    await expect(page.getByTestId('suspense')).toContainText('suspense-fallback')
-    await expect(page.getByTestId('suspense')).toContainText('suspense-resolved')
+    await expect(page.getByTestId('suspense')).toContainText(
+      'suspense-fallback',
+    )
+    await expect(page.getByTestId('suspense')).toContainText(
+      'suspense-resolved',
+    )
   })
 
   test('ssr rsc payload encoding', async ({ page }) => {
@@ -994,10 +1251,18 @@ function defineTest(f: Fixture) {
   })
 
   async function testActionBindSimple(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('[?]')
-    await page.getByRole('button', { name: 'test-server-action-bind-simple' }).click()
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('true')
-    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
+      '[?]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-simple' })
+      .click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
+      'true',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-reset' })
+      .click()
   }
 
   test('action bind client @js', async ({ page }) => {
@@ -1014,10 +1279,18 @@ function defineTest(f: Fixture) {
   })
 
   async function testActionBindClient(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('[?]')
-    await page.getByRole('button', { name: 'test-server-action-bind-client' }).click()
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('true')
-    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
+      '[?]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-client' })
+      .click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
+      'true',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-reset' })
+      .click()
   }
 
   test('action bind action @js', async ({ page }) => {
@@ -1033,10 +1306,18 @@ function defineTest(f: Fixture) {
   })
 
   async function testActionBindAction(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[?]')
-    await page.getByRole('button', { name: 'test-server-action-bind-action' }).click()
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[true,true]')
-    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
+      '[?]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-action' })
+      .click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
+      '[true,true]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-reset' })
+      .click()
   }
 
   test('test serialization @js', async ({ page }) => {
@@ -1060,69 +1341,105 @@ function defineTest(f: Fixture) {
   test('server-in-server package', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('server-in-server')).toHaveText('server-in-server: 0')
+    await expect(page.getByTestId('server-in-server')).toHaveText(
+      'server-in-server: 0',
+    )
     await page.getByTestId('server-in-server').click()
-    await expect(page.getByTestId('server-in-server')).toHaveText('server-in-server: 1')
+    await expect(page.getByTestId('server-in-server')).toHaveText(
+      'server-in-server: 1',
+    )
     await page.reload()
-    await expect(page.getByTestId('server-in-server')).toHaveText('server-in-server: 1')
+    await expect(page.getByTestId('server-in-server')).toHaveText(
+      'server-in-server: 1',
+    )
   })
 
   test('server-in-client package', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: ?')
+    await expect(page.getByTestId('server-in-client')).toHaveText(
+      'server-in-client: ?',
+    )
     await page.getByTestId('server-in-client').click()
-    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: 1')
+    await expect(page.getByTestId('server-in-client')).toHaveText(
+      'server-in-client: 1',
+    )
     await page.reload()
     await waitForHydration(page)
-    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: ?')
+    await expect(page.getByTestId('server-in-client')).toHaveText(
+      'server-in-client: ?',
+    )
     await page.getByTestId('server-in-client').click()
-    await expect(page.getByTestId('server-in-client')).toHaveText('server-in-client: 2')
+    await expect(page.getByTestId('server-in-client')).toHaveText(
+      'server-in-client: 2',
+    )
   })
 
   test('transitive cjs dep', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
     await expect(page.getByTestId('transitive-cjs-client')).toHaveText('ok')
-    await expect(page.getByTestId('transitive-use-sync-external-store-client')).toHaveText(
-      'ok:browser',
-    )
+    await expect(
+      page.getByTestId('transitive-use-sync-external-store-client'),
+    ).toHaveText('ok:browser')
   })
 
   test('use cache function', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
     const locator = page.getByTestId('test-use-cache-fn')
-    await expect(locator.locator('span')).toHaveText('(actionCount: 0, cacheFnCount: 0)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 0, cacheFnCount: 0)',
+    )
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 1, cacheFnCount: 1)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 1, cacheFnCount: 1)',
+    )
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 2, cacheFnCount: 1)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 2, cacheFnCount: 1)',
+    )
     await locator.getByRole('textbox').fill('test')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 3, cacheFnCount: 2)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 3, cacheFnCount: 2)',
+    )
     await locator.getByRole('textbox').fill('test')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 4, cacheFnCount: 2)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 4, cacheFnCount: 2)',
+    )
 
     // revalidate cache
     await locator.getByRole('textbox').fill('revalidate')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 5, cacheFnCount: 3)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 5, cacheFnCount: 3)',
+    )
     await locator.getByRole('textbox').fill('test')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 6, cacheFnCount: 4)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 6, cacheFnCount: 4)',
+    )
   })
 
   test('use cache component', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    const static1 = await page.getByTestId('test-use-cache-component-static').textContent()
-    const dynamic1 = await page.getByTestId('test-use-cache-component-dynamic').textContent()
+    const static1 = await page
+      .getByTestId('test-use-cache-component-static')
+      .textContent()
+    const dynamic1 = await page
+      .getByTestId('test-use-cache-component-dynamic')
+      .textContent()
     await page.waitForTimeout(100)
     await page.reload()
-    const static2 = await page.getByTestId('test-use-cache-component-static').textContent()
-    const dynamic2 = await page.getByTestId('test-use-cache-component-dynamic').textContent()
+    const static2 = await page
+      .getByTestId('test-use-cache-component-static')
+      .textContent()
+    const dynamic2 = await page
+      .getByTestId('test-use-cache-component-dynamic')
+      .textContent()
     expect({ static2, dynamic2 }).toEqual({
       static2: expect.stringMatching(static1!),
       dynamic2: expect.not.stringMatching(dynamic1!),
@@ -1133,37 +1450,49 @@ function defineTest(f: Fixture) {
     await page.goto(f.url())
     await waitForHydration(page)
     const locator = page.getByTestId('test-use-cache-closure')
-    await expect(locator.locator('span')).toHaveText('(actionCount: 0, innerFnCount: 0)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 0, innerFnCount: 0)',
+    )
 
     // (x, y)
     await locator.getByPlaceholder('outer').fill('x')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 1, innerFnCount: 1)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 1, innerFnCount: 1)',
+    )
 
     // (x, y)
     await locator.getByPlaceholder('outer').fill('x')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 2, innerFnCount: 1)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 2, innerFnCount: 1)',
+    )
 
     // (xx, y)
     await locator.getByPlaceholder('outer').fill('xx')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 3, innerFnCount: 2)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 3, innerFnCount: 2)',
+    )
 
     // (xx, y)
     await locator.getByPlaceholder('outer').fill('xx')
     await locator.getByPlaceholder('inner').fill('y')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 4, innerFnCount: 2)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 4, innerFnCount: 2)',
+    )
 
     // (xx, yy)
     await locator.getByPlaceholder('outer').fill('xx')
     await locator.getByPlaceholder('inner').fill('yy')
     await locator.getByRole('button').click()
-    await expect(locator.locator('span')).toHaveText('(actionCount: 5, innerFnCount: 3)')
+    await expect(locator.locator('span')).toHaveText(
+      '(actionCount: 5, innerFnCount: 3)',
+    )
   })
 
   test('hydration mismatch', async ({ page }) => {
@@ -1189,7 +1518,9 @@ function defineTest(f: Fixture) {
 
   test('browser only', async ({ page, browser }) => {
     await page.goto(f.url())
-    await expect(page.getByTestId('test-browser-only')).toHaveText('test-browser-only: true')
+    await expect(page.getByTestId('test-browser-only')).toHaveText(
+      'test-browser-only: true',
+    )
 
     const pageNoJs = await browser.newPage({ javaScriptEnabled: false })
     await pageNoJs.goto(f.url())
@@ -1241,14 +1572,12 @@ function defineTest(f: Fixture) {
   test('assets', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('test-assets-server-import')).not.toHaveJSProperty(
-      'naturalWidth',
-      0,
-    )
-    await expect(page.getByTestId('test-assets-client-import')).not.toHaveJSProperty(
-      'naturalWidth',
-      0,
-    )
+    await expect(
+      page.getByTestId('test-assets-server-import'),
+    ).not.toHaveJSProperty('naturalWidth', 0)
+    await expect(
+      page.getByTestId('test-assets-client-import'),
+    ).not.toHaveJSProperty('naturalWidth', 0)
 
     async function testBackgroundImage(selector: string) {
       const url = await page
diff --git a/packages/plugin-rsc/e2e/browser-mode.test.ts b/packages/plugin-rsc/e2e/browser-mode.test.ts
index 17421d80b..6cc5c6912 100644
--- a/packages/plugin-rsc/e2e/browser-mode.test.ts
+++ b/packages/plugin-rsc/e2e/browser-mode.test.ts
@@ -1,4 +1,5 @@
 import { expect, test, type Page } from '@playwright/test'
+
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
@@ -27,10 +28,18 @@ function defineBrowserModeTest(f: ReturnType<typeof useFixture>) {
   })
 
   async function testActionBindSimple(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('[?]')
-    await page.getByRole('button', { name: 'test-server-action-bind-simple' }).click()
-    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText('true')
-    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
+      '[?]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-simple' })
+      .click()
+    await expect(page.getByTestId('test-server-action-bind-simple')).toHaveText(
+      'true',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-reset' })
+      .click()
   }
 
   test('action bind client', async ({ page }) => {
@@ -39,10 +48,18 @@ function defineBrowserModeTest(f: ReturnType<typeof useFixture>) {
   })
 
   async function testActionBindClient(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('[?]')
-    await page.getByRole('button', { name: 'test-server-action-bind-client' }).click()
-    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText('true')
-    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
+      '[?]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-client' })
+      .click()
+    await expect(page.getByTestId('test-server-action-bind-client')).toHaveText(
+      'true',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-reset' })
+      .click()
   }
 
   test('action bind action', async ({ page }) => {
@@ -51,9 +68,17 @@ function defineBrowserModeTest(f: ReturnType<typeof useFixture>) {
   })
 
   async function testActionBindAction(page: Page) {
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[?]')
-    await page.getByRole('button', { name: 'test-server-action-bind-action' }).click()
-    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText('[true,true]')
-    await page.getByRole('button', { name: 'test-server-action-bind-reset' }).click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
+      '[?]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-action' })
+      .click()
+    await expect(page.getByTestId('test-server-action-bind-action')).toHaveText(
+      '[true,true]',
+    )
+    await page
+      .getByRole('button', { name: 'test-server-action-bind-reset' })
+      .click()
   }
 }
diff --git a/packages/plugin-rsc/e2e/browser.test.ts b/packages/plugin-rsc/e2e/browser.test.ts
index 3b5898047..531637f1e 100644
--- a/packages/plugin-rsc/e2e/browser.test.ts
+++ b/packages/plugin-rsc/e2e/browser.test.ts
@@ -1,8 +1,9 @@
 import { expect, test } from '@playwright/test'
+import fs from 'node:fs'
+import path from 'node:path'
+
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
-import path from 'node:path'
-import fs from 'node:fs'
 
 // Webkit fails by
 // > TypeError: ReadableByteStreamController is not implemented
diff --git a/packages/plugin-rsc/e2e/build-app.test.ts b/packages/plugin-rsc/e2e/build-app.test.ts
index cf23ca6c0..53c2c907a 100644
--- a/packages/plugin-rsc/e2e/build-app.test.ts
+++ b/packages/plugin-rsc/e2e/build-app.test.ts
@@ -1,6 +1,7 @@
 import { test, expect } from '@playwright/test'
-import { setupInlineFixture, useFixture } from './fixture'
 import { x } from 'tinyexec'
+
+import { setupInlineFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 
 test.describe('buildApp hook', () => {
diff --git a/packages/plugin-rsc/e2e/cloudflare.test.ts b/packages/plugin-rsc/e2e/cloudflare.test.ts
index 0f26214fe..5739bb312 100644
--- a/packages/plugin-rsc/e2e/cloudflare.test.ts
+++ b/packages/plugin-rsc/e2e/cloudflare.test.ts
@@ -1,4 +1,5 @@
 import { test } from '@playwright/test'
+
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/error.test.ts b/packages/plugin-rsc/e2e/error.test.ts
index b42ebc97e..d4133f53d 100644
--- a/packages/plugin-rsc/e2e/error.test.ts
+++ b/packages/plugin-rsc/e2e/error.test.ts
@@ -1,7 +1,8 @@
 import { test, expect } from '@playwright/test'
-import { setupInlineFixture } from './fixture'
 import { x } from 'tinyexec'
 
+import { setupInlineFixture } from './fixture'
+
 test.describe('invalid directives', () => {
   test.describe('"use server" in "use client"', () => {
     const root = 'examples/e2e/temp/use-server-in-use-client'
@@ -48,7 +49,9 @@ test.describe('invalid directives', () => {
         throwOnError: false,
         nodeOptions: { cwd: root },
       })
-      expect(result.stderr).toContain(`'use server' directive is not allowed inside 'use client'`)
+      expect(result.stderr).toContain(
+        `'use server' directive is not allowed inside 'use client'`,
+      )
       expect(result.exitCode).not.toBe(0)
     })
   })
diff --git a/packages/plugin-rsc/e2e/fixture.ts b/packages/plugin-rsc/e2e/fixture.ts
index a1c6b2fb2..b61ed3f31 100644
--- a/packages/plugin-rsc/e2e/fixture.ts
+++ b/packages/plugin-rsc/e2e/fixture.ts
@@ -1,9 +1,9 @@
+import test from '@playwright/test'
 import assert from 'node:assert'
 import { type SpawnOptions, spawn } from 'node:child_process'
 import fs from 'node:fs'
 import path from 'node:path'
 import { stripVTControlCharacters, styleText } from 'node:util'
-import test from '@playwright/test'
 import { x } from 'tinyexec'
 
 function runCli(options: { command: string; label?: string } & SpawnOptions) {
@@ -184,8 +184,13 @@ export async function setupIsolatedFixture(options: {
 
   // extract workspace overrides
   const rootDir = path.join(import.meta.dirname, '..', '..', '..')
-  const workspaceYaml = fs.readFileSync(path.join(rootDir, 'pnpm-workspace.yaml'), 'utf-8')
-  const overridesMatch = workspaceYaml.match(/overrides:\s*([\s\S]*?)(?=\n\w|\n*$)/)
+  const workspaceYaml = fs.readFileSync(
+    path.join(rootDir, 'pnpm-workspace.yaml'),
+    'utf-8',
+  )
+  const overridesMatch = workspaceYaml.match(
+    /overrides:\s*([\s\S]*?)(?=\n\w|\n*$)/,
+  )
   const overridesSection = overridesMatch ? overridesMatch[0] : 'overrides:'
   const overrides = {
     '@vitejs/plugin-rsc': `file:${path.join(rootDir, 'packages/plugin-rsc')}`,
@@ -198,14 +203,21 @@ ${Object.entries(overrides)
   .map(([k, v]) => `  ${JSON.stringify(k)}: ${JSON.stringify(v)}`)
   .join('\n')}
 `
-  fs.writeFileSync(path.join(options.dest, 'pnpm-workspace.yaml'), tempWorkspaceYaml)
+  fs.writeFileSync(
+    path.join(options.dest, 'pnpm-workspace.yaml'),
+    tempWorkspaceYaml,
+  )
 
   // install
   await x('pnpm', ['i'], {
     throwOnError: true,
     nodeOptions: {
       cwd: options.dest,
-      stdio: ['ignore', process.env.TEST_DEBUG ? 'inherit' : 'ignore', 'inherit'],
+      stdio: [
+        'ignore',
+        process.env.TEST_DEBUG ? 'inherit' : 'ignore',
+        'inherit',
+      ],
     },
   })
 }
@@ -217,7 +229,10 @@ ${Object.entries(overrides)
 export async function setupInlineFixture(options: {
   src: string
   dest: string
-  files?: Record<string, string | { cp: string } | { edit: (s: string) => string }>
+  files?: Record<
+    string,
+    string | { cp: string } | { edit: (s: string) => string }
+  >
 }) {
   fs.rmSync(options.dest, { recursive: true, force: true })
   fs.mkdirSync(options.dest, { recursive: true })
diff --git a/packages/plugin-rsc/e2e/helper.ts b/packages/plugin-rsc/e2e/helper.ts
index 98f6ef49d..f3b5a1596 100644
--- a/packages/plugin-rsc/e2e/helper.ts
+++ b/packages/plugin-rsc/e2e/helper.ts
@@ -10,7 +10,11 @@ export async function waitForHydration(page: Page, locator: string = 'body') {
       () =>
         page
           .locator(locator)
-          .evaluate((el) => el && Object.keys(el).some((key) => key.startsWith('__reactFiber'))),
+          .evaluate(
+            (el) =>
+              el &&
+              Object.keys(el).some((key) => key.startsWith('__reactFiber')),
+          ),
       { timeout: 20000 },
     )
     .toBeTruthy()
diff --git a/packages/plugin-rsc/e2e/isolated.test.ts b/packages/plugin-rsc/e2e/isolated.test.ts
index fdbffe6f7..e35480bfa 100644
--- a/packages/plugin-rsc/e2e/isolated.test.ts
+++ b/packages/plugin-rsc/e2e/isolated.test.ts
@@ -1,16 +1,20 @@
 import { expect, test, type Page } from '@playwright/test'
-import { setupIsolatedFixture, useFixture } from './fixture'
-import { defineStarterTest } from './starter'
-import path from 'node:path'
 import os from 'node:os'
+import path from 'node:path'
+import { x } from 'tinyexec'
 import * as vite from 'vite'
+
+import { setupIsolatedFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
-import { x } from 'tinyexec'
+import { defineStarterTest } from './starter'
 
 test.describe(() => {
   // use RUNNER_TEMP on Github Actions
   // https://github.com/actions/toolkit/issues/518
-  const tmpRoot = path.join(process.env['RUNNER_TEMP'] || os.tmpdir(), 'test-vite-rsc')
+  const tmpRoot = path.join(
+    process.env['RUNNER_TEMP'] || os.tmpdir(),
+    'test-vite-rsc',
+  )
   test.beforeAll(async () => {
     await setupIsolatedFixture({ src: 'examples/starter', dest: tmpRoot })
   })
@@ -33,7 +37,10 @@ test.describe(() => {
 test.describe('vite 6', () => {
   test.skip(!!process.env.ECOSYSTEM_CI || 'rolldownVersion' in vite)
 
-  const tmpRoot = path.join(process.env['RUNNER_TEMP'] || os.tmpdir(), 'test-vite-rsc-vite-6')
+  const tmpRoot = path.join(
+    process.env['RUNNER_TEMP'] || os.tmpdir(),
+    'test-vite-rsc-vite-6',
+  )
   test.beforeAll(async () => {
     await setupIsolatedFixture({
       src: 'examples/starter',
@@ -56,7 +63,10 @@ test.describe('vite 6', () => {
 })
 
 test.describe('react-server-dom-webpack', () => {
-  const tmpRoot = path.join(process.env['RUNNER_TEMP'] || os.tmpdir(), 'test-vite-rsc-webpack')
+  const tmpRoot = path.join(
+    process.env['RUNNER_TEMP'] || os.tmpdir(),
+    'test-vite-rsc-webpack',
+  )
   test.beforeAll(async () => {
     await setupIsolatedFixture({
       src: 'examples/starter',
@@ -90,17 +100,27 @@ test.describe('react-server-dom-webpack', () => {
   })
 })
 
-async function testReactServerDom(page: Page, url: string, expectVendor: boolean) {
+async function testReactServerDom(
+  page: Page,
+  url: string,
+  expectVendor: boolean,
+) {
   let hasVendor = false
   let hasNonVendor = false
   page.on('request', async (request) => {
-    if (request.url().includes('.vite/deps/react-server-dom-webpack_client__browser.js')) {
+    if (
+      request
+        .url()
+        .includes('.vite/deps/react-server-dom-webpack_client__browser.js')
+    ) {
       hasNonVendor = true
     }
     if (
       request
         .url()
-        .includes('.vite/deps/@vitejs_plugin-rsc_vendor_react-server-dom_client__browser.js')
+        .includes(
+          '.vite/deps/@vitejs_plugin-rsc_vendor_react-server-dom_client__browser.js',
+        )
     ) {
       hasVendor = true
     }
diff --git a/packages/plugin-rsc/e2e/middleware-mode.test.ts b/packages/plugin-rsc/e2e/middleware-mode.test.ts
index 12b75e0ef..d0656a353 100644
--- a/packages/plugin-rsc/e2e/middleware-mode.test.ts
+++ b/packages/plugin-rsc/e2e/middleware-mode.test.ts
@@ -1,4 +1,5 @@
 import { test } from '@playwright/test'
+
 import { setupInlineFixture, useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/module-runner.test.ts b/packages/plugin-rsc/e2e/module-runner.test.ts
index 382495acb..92b122356 100644
--- a/packages/plugin-rsc/e2e/module-runner.test.ts
+++ b/packages/plugin-rsc/e2e/module-runner.test.ts
@@ -1,4 +1,5 @@
 import { test } from '@playwright/test'
+
 import { setupInlineFixture, useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/no-ssr.test.ts b/packages/plugin-rsc/e2e/no-ssr.test.ts
index 16e814162..df6077f77 100644
--- a/packages/plugin-rsc/e2e/no-ssr.test.ts
+++ b/packages/plugin-rsc/e2e/no-ssr.test.ts
@@ -1,8 +1,9 @@
 import { expect, test } from '@playwright/test'
+import fs from 'node:fs'
+import path from 'node:path'
+
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
-import path from 'node:path'
-import fs from 'node:fs'
 
 test.describe('dev-no-ssr', () => {
   const f = useFixture({ root: 'examples/no-ssr', mode: 'dev' })
diff --git a/packages/plugin-rsc/e2e/react-compiler.test.ts b/packages/plugin-rsc/e2e/react-compiler.test.ts
index 2c36e24b5..db4faf5d6 100644
--- a/packages/plugin-rsc/e2e/react-compiler.test.ts
+++ b/packages/plugin-rsc/e2e/react-compiler.test.ts
@@ -1,7 +1,8 @@
 import { expect, test } from '@playwright/test'
+
 import { setupInlineFixture, useFixture } from './fixture'
-import { defineStarterTest } from './starter'
 import { waitForHydration } from './helper'
+import { defineStarterTest } from './starter'
 
 test.describe(() => {
   const root = 'examples/e2e/temp/react-compiler'
diff --git a/packages/plugin-rsc/e2e/react-router.test.ts b/packages/plugin-rsc/e2e/react-router.test.ts
index e357207ed..bf03567eb 100644
--- a/packages/plugin-rsc/e2e/react-router.test.ts
+++ b/packages/plugin-rsc/e2e/react-router.test.ts
@@ -1,10 +1,11 @@
-import { createHash } from 'node:crypto'
 import { expect, test } from '@playwright/test'
-import { type Fixture, useFixture } from './fixture'
-import { expectNoReload, testNoJs, waitForHydration } from './helper'
+import { createHash } from 'node:crypto'
 import { readFileSync } from 'node:fs'
 import React from 'react'
 
+import { type Fixture, useFixture } from './fixture'
+import { expectNoReload, testNoJs, waitForHydration } from './helper'
+
 test.describe('dev-default', () => {
   test.skip(/canary|experimental/.test(React.version))
 
@@ -43,7 +44,9 @@ function defineTest(f: Fixture) {
     await page.goto(f.url('./about'))
     await waitForHydration(page)
     await page.getByRole('button', { name: 'Client counter: 0' }).click()
-    await expect(page.getByRole('button', { name: 'Client counter: 1' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'Client counter: 1' }),
+    ).toBeVisible()
   })
 
   test('navigation', async ({ page }) => {
@@ -69,15 +72,19 @@ function defineTest(f: Fixture) {
       await page.goto(f.url())
       const srcs = await page
         .locator(`head >> link[rel="modulepreload"]`)
-        .evaluateAll((elements) => elements.map((el) => el.getAttribute('href')))
+        .evaluateAll((elements) =>
+          elements.map((el) => el.getAttribute('href')),
+        )
       const manifest = JSON.parse(
-        readFileSync(f.root + '/dist/ssr/__vite_rsc_assets_manifest.js', 'utf-8').slice(
-          'export default '.length,
-        ),
+        readFileSync(
+          f.root + '/dist/ssr/__vite_rsc_assets_manifest.js',
+          'utf-8',
+        ).slice('export default '.length),
       )
       const hashString = (v: string) =>
         createHash('sha256').update(v).digest().toString('hex').slice(0, 12)
-      const deps = manifest.clientReferenceDeps[hashString('app/routes/home.client.tsx')]
+      const deps =
+        manifest.clientReferenceDeps[hashString('app/routes/home.client.tsx')]
       expect(srcs).toEqual(expect.arrayContaining(deps.js))
     })
   })
@@ -91,12 +98,16 @@ function defineTest(f: Fixture) {
       await using _ = await expectNoReload(page)
 
       await page.getByRole('button', { name: 'Client counter: 0' }).click()
-      await expect(page.getByRole('button', { name: 'Client counter: 1' })).toBeVisible()
+      await expect(
+        page.getByRole('button', { name: 'Client counter: 1' }),
+      ).toBeVisible()
 
       const editor = f.createEditor('app/routes/about.tsx')
       editor.edit((s) => s.replace('Client counter:', 'Client [edit] counter:'))
 
-      await expect(page.getByRole('button', { name: 'Client [edit] counter: 1' })).toBeVisible()
+      await expect(
+        page.getByRole('button', { name: 'Client [edit] counter: 1' }),
+      ).toBeVisible()
     })
 
     test('server hmr', async ({ page }) => {
@@ -107,7 +118,9 @@ function defineTest(f: Fixture) {
       await page.getByText('This is the home page.').click()
 
       const editor = f.createEditor('app/routes/home.tsx')
-      editor.edit((s) => s.replace('This is the home page.', 'This is the home [edit] page.'))
+      editor.edit((s) =>
+        s.replace('This is the home page.', 'This is the home [edit] page.'),
+      )
 
       await page.getByText('This is the home [edit] page.').click()
     })
@@ -116,36 +129,55 @@ function defineTest(f: Fixture) {
   test('server css code split', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.locator('.test-style-home')).toHaveCSS('color', 'rgb(250, 150, 0)')
+    await expect(page.locator('.test-style-home')).toHaveCSS(
+      'color',
+      'rgb(250, 150, 0)',
+    )
 
     // client side navigation to "/about" keeps "/" styles
     await page.getByRole('link', { name: 'About' }).click()
     await page.waitForURL(f.url('./about'))
-    await expect(page.locator('.test-style-home')).toHaveCSS('color', 'rgb(250, 150, 0)')
+    await expect(page.locator('.test-style-home')).toHaveCSS(
+      'color',
+      'rgb(250, 150, 0)',
+    )
 
     // SSR of "/about" doesn't include "/" styles
     await page.goto(f.url('./about'))
     await waitForHydration(page)
-    await expect(page.locator('.test-style-home')).not.toHaveCSS('color', 'rgb(250, 150, 0)')
+    await expect(page.locator('.test-style-home')).not.toHaveCSS(
+      'color',
+      'rgb(250, 150, 0)',
+    )
 
     // client side navigation to "/" loads "/" styles
     await page.getByRole('link', { name: 'Home' }).click()
     await page.waitForURL(f.url())
-    await expect(page.locator('.test-style-home')).toHaveCSS('color', 'rgb(250, 150, 0)')
+    await expect(page.locator('.test-style-home')).toHaveCSS(
+      'color',
+      'rgb(250, 150, 0)',
+    )
   })
 
   test('vite-rsc-css-export', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByTestId('root-style')).toHaveCSS('color', 'rgb(0, 0, 255)')
+    await expect(page.getByTestId('root-style')).toHaveCSS(
+      'color',
+      'rgb(0, 0, 255)',
+    )
   })
 
   test('useActionState', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\)/)
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
+      /\(ok\)/,
+    )
     await page.getByTestId('use-action-state-jsx').getByRole('button').click()
-    await expect(page.getByTestId('use-action-state-jsx')).toContainText(/\(ok\).*\(ok\)/)
+    await expect(page.getByTestId('use-action-state-jsx')).toContainText(
+      /\(ok\).*\(ok\)/,
+    )
   })
 }
diff --git a/packages/plugin-rsc/e2e/render-built-url.test.ts b/packages/plugin-rsc/e2e/render-built-url.test.ts
index 80d6fb141..18b71538d 100644
--- a/packages/plugin-rsc/e2e/render-built-url.test.ts
+++ b/packages/plugin-rsc/e2e/render-built-url.test.ts
@@ -1,9 +1,11 @@
+import type { RenderBuiltAssetUrl } from 'vite'
+
 import { expect, test } from '@playwright/test'
+import fs from 'node:fs'
+
 import { setupInlineFixture, useFixture } from './fixture'
-import { defineStarterTest } from './starter'
 import { expectNoPageError, waitForHydration } from './helper'
-import fs from 'node:fs'
-import type { RenderBuiltAssetUrl } from 'vite'
+import { defineStarterTest } from './starter'
 
 test.describe(() => {
   const root = 'examples/e2e/temp/renderBuiltUrl-runtime'
@@ -108,7 +110,9 @@ test.describe(() => {
         f.root + '/dist/ssr/__vite_rsc_assets_manifest.js',
         'utf-8',
       )
-      expect(manifestFileContent).toContain(`__dynamicBase + "assets/entry.rsc-`)
+      expect(manifestFileContent).toContain(
+        `__dynamicBase + "assets/entry.rsc-`,
+      )
     })
   })
 })
diff --git a/packages/plugin-rsc/e2e/root.test.ts b/packages/plugin-rsc/e2e/root.test.ts
index ae59a95de..c1ab37d90 100644
--- a/packages/plugin-rsc/e2e/root.test.ts
+++ b/packages/plugin-rsc/e2e/root.test.ts
@@ -1,9 +1,10 @@
 import { test } from '@playwright/test'
-import { setupInlineFixture, useFixture } from './fixture'
-import { defineStarterTest } from './starter'
 import fs from 'node:fs'
 import path from 'node:path'
 
+import { setupInlineFixture, useFixture } from './fixture'
+import { defineStarterTest } from './starter'
+
 test.describe(() => {
   const root = 'examples/e2e/temp/root'
 
diff --git a/packages/plugin-rsc/e2e/ssg.test.ts b/packages/plugin-rsc/e2e/ssg.test.ts
index b1b7d4fb1..f521ac191 100644
--- a/packages/plugin-rsc/e2e/ssg.test.ts
+++ b/packages/plugin-rsc/e2e/ssg.test.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { type Fixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 
diff --git a/packages/plugin-rsc/e2e/ssr-thenable.test.ts b/packages/plugin-rsc/e2e/ssr-thenable.test.ts
index fec9bac08..70aa0e8fe 100644
--- a/packages/plugin-rsc/e2e/ssr-thenable.test.ts
+++ b/packages/plugin-rsc/e2e/ssr-thenable.test.ts
@@ -1,6 +1,10 @@
 import { test } from '@playwright/test'
+
 import { setupInlineFixture, type Fixture, useFixture } from './fixture'
-import { expectNoPageError, waitForHydration as waitForHydration_ } from './helper'
+import {
+  expectNoPageError,
+  waitForHydration as waitForHydration_,
+} from './helper'
 
 test.describe(() => {
   const root = 'examples/e2e/temp/ssr-thenable'
diff --git a/packages/plugin-rsc/e2e/starter.test.ts b/packages/plugin-rsc/e2e/starter.test.ts
index 1caff94db..73ee8bf0d 100644
--- a/packages/plugin-rsc/e2e/starter.test.ts
+++ b/packages/plugin-rsc/e2e/starter.test.ts
@@ -1,8 +1,9 @@
 import { expect, test } from '@playwright/test'
+import { x } from 'tinyexec'
+
 import { setupInlineFixture, useFixture, type Fixture } from './fixture'
-import { defineStarterTest } from './starter'
 import { expectNoPageError, waitForHydration } from './helper'
-import { x } from 'tinyexec'
+import { defineStarterTest } from './starter'
 
 test.describe('dev-default', () => {
   const f = useFixture({ root: 'examples/starter', mode: 'dev' })
diff --git a/packages/plugin-rsc/e2e/starter.ts b/packages/plugin-rsc/e2e/starter.ts
index 4cb75577b..a58da29c9 100644
--- a/packages/plugin-rsc/e2e/starter.ts
+++ b/packages/plugin-rsc/e2e/starter.ts
@@ -1,4 +1,5 @@
 import { expect, test } from '@playwright/test'
+
 import { type Fixture } from './fixture'
 import {
   expectNoPageError,
@@ -12,7 +13,10 @@ export function defineStarterTest(
   variant?: 'no-ssr' | 'dev-production' | 'browser-mode',
 ) {
   const waitForHydration: typeof waitForHydration_ = (page) =>
-    waitForHydration_(page, variant === 'no-ssr' || variant === 'browser-mode' ? '#root' : 'body')
+    waitForHydration_(
+      page,
+      variant === 'no-ssr' || variant === 'browser-mode' ? '#root' : 'body',
+    )
 
   test('basic', async ({ page }) => {
     using _ = expectNoPageError(page)
@@ -24,7 +28,9 @@ export function defineStarterTest(
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByRole('button', { name: 'Client Counter: 0' }).click()
-    await expect(page.getByRole('button', { name: 'Client Counter: 1' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'Client Counter: 1' }),
+    ).toBeVisible()
   })
 
   test('server action @js', async ({ page }) => {
@@ -32,7 +38,9 @@ export function defineStarterTest(
     await waitForHydration(page)
     await using _ = await expectNoReload(page)
     await page.getByRole('button', { name: 'Server Counter: 0' }).click()
-    await expect(page.getByRole('button', { name: 'Server Counter: 1' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'Server Counter: 1' }),
+    ).toBeVisible()
   })
 
   testNoJs('server action @nojs', async ({ page }) => {
@@ -40,20 +48,30 @@ export function defineStarterTest(
 
     await page.goto(f.url())
     await page.getByRole('button', { name: 'Server Counter: 1' }).click()
-    await expect(page.getByRole('button', { name: 'Server Counter: 2' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'Server Counter: 2' }),
+    ).toBeVisible()
   })
 
   test('client hmr', async ({ page }) => {
-    test.skip(f.mode === 'build' || variant === 'dev-production' || variant === 'browser-mode')
+    test.skip(
+      f.mode === 'build' ||
+        variant === 'dev-production' ||
+        variant === 'browser-mode',
+    )
 
     await page.goto(f.url())
     await waitForHydration(page)
     await page.getByRole('button', { name: 'Client Counter: 0' }).click()
-    await expect(page.getByRole('button', { name: 'Client Counter: 1' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'Client Counter: 1' }),
+    ).toBeVisible()
 
     const editor = f.createEditor(`src/client.tsx`)
     editor.edit((s) => s.replace('Client Counter', 'Client [edit] Counter'))
-    await expect(page.getByRole('button', { name: 'Client [edit] Counter: 1' })).toBeVisible()
+    await expect(
+      page.getByRole('button', { name: 'Client [edit] Counter: 1' }),
+    ).toBeVisible()
 
     if (variant === 'no-ssr') {
       editor.reset()
@@ -78,7 +96,9 @@ export function defineStarterTest(
       await using _ = await expectNoReload(page)
       await expect(page.getByText('Vite + RSC')).toBeVisible()
       const editor = f.createEditor('src/root.tsx')
-      editor.edit((s) => s.replace('<h1>Vite + RSC</h1>', '<h1>Vite x RSC</h1>'))
+      editor.edit((s) =>
+        s.replace('<h1>Vite + RSC</h1>', '<h1>Vite x RSC</h1>'),
+      )
       await expect(page.getByText('Vite x RSC')).toBeVisible()
       editor.reset()
       await expect(page.getByText('Vite + RSC')).toBeVisible()
@@ -88,8 +108,14 @@ export function defineStarterTest(
   test('image assets', async ({ page }) => {
     await page.goto(f.url())
     await waitForHydration(page)
-    await expect(page.getByAltText('Vite logo')).not.toHaveJSProperty('naturalWidth', 0)
-    await expect(page.getByAltText('React logo')).not.toHaveJSProperty('naturalWidth', 0)
+    await expect(page.getByAltText('Vite logo')).not.toHaveJSProperty(
+      'naturalWidth',
+      0,
+    )
+    await expect(page.getByAltText('React logo')).not.toHaveJSProperty(
+      'naturalWidth',
+      0,
+    )
   })
 
   test('css @js', async ({ page }) => {
@@ -103,7 +129,10 @@ export function defineStarterTest(
 
     testNoJs('css @nojs', async ({ page }) => {
       await page.goto(f.url())
-      await expect(page.locator('.card').nth(0)).toHaveCSS('padding-left', '16px')
+      await expect(page.locator('.card').nth(0)).toHaveCSS(
+        'padding-left',
+        '16px',
+      )
     })
   })
 }
diff --git a/packages/plugin-rsc/e2e/syntax-error.test.ts b/packages/plugin-rsc/e2e/syntax-error.test.ts
index 000e45267..b122331bc 100644
--- a/packages/plugin-rsc/e2e/syntax-error.test.ts
+++ b/packages/plugin-rsc/e2e/syntax-error.test.ts
@@ -1,4 +1,5 @@
 import { test, expect } from '@playwright/test'
+
 import { setupInlineFixture, useFixture } from './fixture'
 import { waitForHydration, expectNoReload } from './helper'
 
@@ -62,7 +63,9 @@ test.describe(() => {
 
       // Set client state to verify preservation after HMR
       await page.getByTestId('client-counter').click()
-      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
+      await expect(page.getByTestId('client-counter')).toHaveText(
+        'Client Count: 1',
+      )
 
       // add syntax error
       const editor = f.createEditor('src/client.tsx')
@@ -84,8 +87,12 @@ test.describe(() => {
       )
       await expect(page.locator('vite-error-overlay')).not.toBeVisible()
       await expect(page.getByTestId('client-syntax-ready')).toBeVisible()
-      await expect(page.getByTestId('client-content')).toHaveText('client:fixed')
-      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
+      await expect(page.getByTestId('client-content')).toHaveText(
+        'client:fixed',
+      )
+      await expect(page.getByTestId('client-counter')).toHaveText(
+        'Client Count: 1',
+      )
     })
   })
 
@@ -101,7 +108,9 @@ test.describe(() => {
 
       // Set client state to verify preservation during server HMR
       await page.getByTestId('client-counter').click()
-      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
+      await expect(page.getByTestId('client-counter')).toHaveText(
+        'Client Count: 1',
+      )
 
       // add syntax error
       const editor = f.createEditor('src/root.tsx')
@@ -122,8 +131,12 @@ test.describe(() => {
         ),
       )
       await expect(page.locator('vite-error-overlay')).not.toBeVisible()
-      await expect(page.getByTestId('server-content')).toHaveText('server:fixed')
-      await expect(page.getByTestId('client-counter')).toHaveText('Client Count: 1')
+      await expect(page.getByTestId('server-content')).toHaveText(
+        'server:fixed',
+      )
+      await expect(page.getByTestId('client-counter')).toHaveText(
+        'Client Count: 1',
+      )
     })
   })
 
@@ -152,7 +165,9 @@ test.describe(() => {
       )
       await expect(async () => {
         await page.goto(f.url())
-        await expect(page.getByTestId('client-content')).toHaveText('client:fixed')
+        await expect(page.getByTestId('client-content')).toHaveText(
+          'client:fixed',
+        )
       }).toPass()
       await waitForHydration(page)
     })
@@ -183,7 +198,9 @@ test.describe(() => {
       )
       await expect(async () => {
         await page.goto(f.url())
-        await expect(page.getByTestId('server-content')).toHaveText('server:fixed')
+        await expect(page.getByTestId('server-content')).toHaveText(
+          'server:fixed',
+        )
       }).toPass()
       await waitForHydration(page)
     })
diff --git a/packages/plugin-rsc/e2e/validate-imports.test.ts b/packages/plugin-rsc/e2e/validate-imports.test.ts
index 22b5a1ffd..72245c3f1 100644
--- a/packages/plugin-rsc/e2e/validate-imports.test.ts
+++ b/packages/plugin-rsc/e2e/validate-imports.test.ts
@@ -1,6 +1,7 @@
 import { test, expect } from '@playwright/test'
-import { setupInlineFixture, useFixture, type Fixture } from './fixture'
 import { x } from 'tinyexec'
+
+import { setupInlineFixture, useFixture, type Fixture } from './fixture'
 import { expectNoPageError, waitForHydration } from './helper'
 
 test.describe('validate imports', () => {
@@ -104,7 +105,9 @@ test.describe('validate imports', () => {
       })
       // assertion is adjusted for rolldown-vite
       expect(result.stderr).toContain(`rsc:validate-imports`)
-      expect(result.stderr).toContain(`'server-only' cannot be imported in client build`)
+      expect(result.stderr).toContain(
+        `'server-only' cannot be imported in client build`,
+      )
       expect(result.exitCode).not.toBe(0)
     })
   })
@@ -152,7 +155,9 @@ test.describe('validate imports', () => {
         nodeOptions: { cwd: root },
       })
       expect(result.stderr).toContain(`rsc:validate-imports`)
-      expect(result.stderr).toContain(`'client-only' cannot be imported in server build`)
+      expect(result.stderr).toContain(
+        `'client-only' cannot be imported in server build`,
+      )
       expect(result.exitCode).not.toBe(0)
     })
   })
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx
index bbf3a5ddb..8b8d3d496 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx
@@ -8,8 +8,10 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-import { GlobalErrorBoundary } from './error-boundary'
+
 import type { RscPayload } from './entry.rsc'
+
+import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
 async function main() {
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
index 5648d0ecd..d1e316eb9 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
@@ -1,3 +1,6 @@
+import type React from 'react'
+import type { ReactFormState } from 'react-dom/client'
+
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -6,8 +9,7 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-import type { ReactFormState } from 'react-dom/client'
-import type React from 'react'
+
 import { parseRenderRequest } from './request.tsx'
 import '../styles.css'
 
@@ -95,10 +97,9 @@ async function handleRequest({
   // The plugin provides `loadModule` helper to allow loading SSR environment entry module
   // in RSC environment. however this can be customized by implementing own runtime communication
   // e.g. `@cloudflare/vite-plugin`'s service binding.
-  const ssrEntryModule = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr.tsx')>(
-    'ssr',
-    'index',
-  )
+  const ssrEntryModule = await import.meta.viteRsc.loadModule<
+    typeof import('./entry.ssr.tsx')
+  >('ssr', 'index')
   const ssrResult = await ssrEntryModule.renderHTML(rscStream, {
     formState,
     nonce,
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
index 09b1b8608..a0732d199 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
@@ -1,8 +1,10 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import { createFromReadableStream } from '@vitejs/plugin-rsc/ssr'
 import React from 'react'
-import type { ReactFormState } from 'react-dom/client'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
+
 import type { RscPayload } from './entry.rsc'
 
 export async function renderHTML(
@@ -28,12 +30,15 @@ export async function renderHTML(
   }
 
   // render html (traditional SSR)
-  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent =
+    await import.meta.viteRsc.loadBootstrapScriptContent('index')
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
   try {
     htmlStream = await renderToReadableStream(<SsrRoot />, {
-      bootstrapScriptContent: options?.debugNojs ? undefined : bootstrapScriptContent,
+      bootstrapScriptContent: options?.debugNojs
+        ? undefined
+        : bootstrapScriptContent,
       nonce: options?.nonce,
       formState: options?.formState,
     })
@@ -49,7 +54,8 @@ export async function renderHTML(
       </html>,
       {
         bootstrapScriptContent:
-          `self.__NO_HYDRATE=1;` + (options?.debugNojs ? '' : bootstrapScriptContent),
+          `self.__NO_HYDRATE=1;` +
+          (options?.debugNojs ? '' : bootstrapScriptContent),
         nonce: options?.nonce,
       },
     )
diff --git a/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx
index 7536401fe..3857cb428 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/error-boundary.tsx
@@ -4,7 +4,11 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
+  return (
+    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
+      {props.children}
+    </ErrorBoundary>
+  )
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -62,7 +66,9 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <div>Caught an unexpected error</div>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error
+            ? props.error.message
+            : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx b/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx
index 2f79bade3..a25e56c6c 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/use-cache-runtime.tsx
@@ -12,7 +12,10 @@ import {
 // https://github.com/vercel/next.js/blob/09a2167b0a970757606b7f91ff2d470f77f13f8c/packages/next/src/server/use-cache/use-cache-wrapper.ts
 
 const cachedFnMap = new WeakMap<Function, unknown>()
-const cachedFnCacheEntries = new WeakMap<Function, Record<string, Promise<StreamCacher>>>()
+const cachedFnCacheEntries = new WeakMap<
+  Function,
+  Record<string, Promise<StreamCacher>>
+>()
 
 export default function cacheWrapper(fn: (...args: any[]) => Promise<unknown>) {
   if (cachedFnMap.has(fn)) {
@@ -89,6 +92,9 @@ async function replyToCacheKey(reply: string | FormData) {
   if (typeof reply === 'string') {
     return reply
   }
-  const buffer = await crypto.subtle.digest('SHA-256', await new Response(reply).arrayBuffer())
+  const buffer = await crypto.subtle.digest(
+    'SHA-256',
+    await new Response(reply).arrayBuffer(),
+  )
   return btoa(String.fromCharCode(...new Uint8Array(buffer)))
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx
index 036f65179..1b1675c3a 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-bind/form.tsx
@@ -2,7 +2,9 @@
 
 import React from 'react'
 
-export function TestServerActionBindClientForm(props: { action: () => Promise<React.ReactNode> }) {
+export function TestServerActionBindClientForm(props: {
+  action: () => Promise<React.ReactNode>
+}) {
   const [result, formAction] = React.useActionState(props.action, '[?]')
 
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx
index 4066f1688..2de0f294a 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-bind/server.tsx
@@ -34,7 +34,9 @@ export function TestServerActionBindSimple() {
     >
       <input type="hidden" name="value" value={outerValue} />
       <button type="submit">test-server-action-bind-simple</button>
-      <span data-testid="test-server-action-bind-simple">{testServerActionBindSimpleState}</span>
+      <span data-testid="test-server-action-bind-simple">
+        {testServerActionBindSimpleState}
+      </span>
     </form>
   )
 }
@@ -50,7 +52,12 @@ export function TestServerActionBindClient() {
     return client
   }
 
-  return <TestServerActionBindClientForm key={testServerActionBindClientState} action={action} />
+  return (
+    <TestServerActionBindClientForm
+      key={testServerActionBindClientState}
+      action={action}
+    />
+  )
 }
 
 let testServerActionBindActionState = '[?]'
@@ -81,7 +88,9 @@ export function TestServerActionBindAction() {
     >
       <input type="hidden" name="value" value="ok" />
       <button type="submit">test-server-action-bind-action</button>
-      <span data-testid="test-server-action-bind-action">{testServerActionBindActionState}</span>
+      <span data-testid="test-server-action-bind-action">
+        {testServerActionBindActionState}
+      </span>
     </form>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
index d46c3777e..77b6c33f6 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { testAction, testAction2, testActionState } from './action'
 
 export function TestActionFromClient() {
@@ -17,7 +18,9 @@ export function TestUseActionState() {
 
   return (
     <form action={formAction}>
-      <button data-testid="use-action-state">test-useActionState: {state}</button>
+      <button data-testid="use-action-state">
+        test-useActionState: {state}
+      </button>
     </form>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx
index 5b78d7579..5c6b6e682 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-state/client.tsx
@@ -5,7 +5,10 @@ import React from 'react'
 export function TestActionStateClient(props: {
   action: (prev: React.ReactNode) => Promise<React.ReactNode>
 }) {
-  const [state, formAction, isPending] = React.useActionState(props.action, null)
+  const [state, formAction, isPending] = React.useActionState(
+    props.action,
+    null,
+  )
 
   return (
     <form data-testid="use-action-state-jsx" action={formAction}>
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx
index 7f0d259d4..6bb0646fc 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action/server.tsx
@@ -1,4 +1,8 @@
-import { changeServerCounter, getServerCounter, resetServerCounter } from './action'
+import {
+  changeServerCounter,
+  getServerCounter,
+  resetServerCounter,
+} from './action'
 
 export function ServerCounter() {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx
index 826adfe9f..14d14c63c 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/assets/client.tsx
@@ -7,7 +7,12 @@ export function TestAssetsClient() {
   return (
     <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
       <span>test-assets-client</span>
-      <img src={svg} data-testid="test-assets-client-import" width="20" height="20" />
+      <img
+        src={svg}
+        data-testid="test-assets-client-import"
+        width="20"
+        height="20"
+      />
       <span className="test-assets-client-css" />
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx
index 8b5a73425..1feddf7be 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/assets/server.tsx
@@ -7,7 +7,12 @@ export function TestAssetsServer() {
     <>
       <div style={{ display: 'flex', gap: '0.5rem', alignItems: 'center' }}>
         <span>test-assets-server</span>
-        <img src={svg} data-testid="test-assets-server-import" width="20" height="20" />
+        <img
+          src={svg}
+          data-testid="test-assets-server-import"
+          width="20"
+          height="20"
+        />
         <span className="test-assets-server-css" />
       </div>
       <TestAssetsClient />
diff --git a/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx
index df874cd91..21c76d2b6 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/browser-only/client.tsx
@@ -2,7 +2,9 @@
 
 import * as React from 'react'
 
-const BrowserDep = (import.meta.env.SSR ? undefined : React.lazy(() => import('./browser-dep')))!
+const BrowserDep = (
+  import.meta.env.SSR ? undefined : React.lazy(() => import('./browser-dep'))
+)!
 
 export function TestBrowserOnly() {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx
index f2ddebc2b..2e2830532 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/chunk/server.tsx
@@ -1,6 +1,12 @@
-import { TestClientChunk1, TestClientChunkConflict as TestClientChunkConflict1 } from './client1'
+import {
+  TestClientChunk1,
+  TestClientChunkConflict as TestClientChunkConflict1,
+} from './client1'
 import { TestClientChunk2 } from './client2'
-import { TestClientChunk3, TestClientChunkConflict as TestClientChunkConflict3 } from './client3'
+import {
+  TestClientChunk3,
+  TestClientChunkConflict as TestClientChunkConflict3,
+} from './client3'
 
 export function TestClientChunkServer() {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/client.tsx
index 5ff344cec..237ff422f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/client.tsx
@@ -4,7 +4,11 @@ import React from 'react'
 
 export function ClientCounter(): React.ReactElement {
   const [count, setCount] = React.useState(0)
-  return <button onClick={() => setCount((c) => c + 1)}>client-counter: {count}</button>
+  return (
+    <button onClick={() => setCount((c) => c + 1)}>
+      client-counter: {count}
+    </button>
+  )
 }
 
 const noop = () => () => {}
diff --git a/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx
index 682e3ebca..75f972955 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx
@@ -1,9 +1,10 @@
 'use client'
 
-import cssUrl from './client-url.css?url'
+import React from 'react'
+
 import cssInline from './client-inline.css?inline'
 import cssRaw from './client-raw.css?raw'
-import React from 'react'
+import cssUrl from './client-url.css?url'
 
 export function TestCssQueriesClient(props: {
   serverUrl: string
diff --git a/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx
index 3c2856db5..1c6f1dce9 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/css-queries/server.tsx
@@ -1,12 +1,16 @@
-import cssUrl from './server-url.css?url'
+import { TestCssQueriesClient } from './client'
 import cssInline from './server-inline.css?inline'
 import cssRaw from './server-raw.css?raw'
-import { TestCssQueriesClient } from './client'
+import cssUrl from './server-url.css?url'
 
 export function TestCssQueries() {
   return (
     <div>
-      <TestCssQueriesClient serverUrl={cssUrl} serverInline={cssInline} serverRaw={cssRaw} />
+      <TestCssQueriesClient
+        serverUrl={cssUrl}
+        serverInline={cssInline}
+        serverRaw={cssRaw}
+      />
       <span className="test-css-url-server">test-css-url-server</span>
       <span>|</span>
       <span className="test-css-inline-server">test-css-inline-server</span>
diff --git a/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx
index cb029357e..12fa46ac5 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx
@@ -2,6 +2,7 @@
 import { TestClientInServerDep } from '@vitejs/test-dep-client-in-server/server'
 // @ts-ignore
 import { TestContextProviderInServer } from '@vitejs/test-dep-client-in-server2/server'
+
 import { TestContextValueIndirect } from './client'
 
 export function TestClientInServer() {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx
index 10c2a1e44..340ccff51 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx
@@ -2,7 +2,6 @@
 
 // @ts-ignore
 import { TestClient } from '@vitejs/test-dep-transitive-cjs/client'
-
 // @ts-ignore
 import { TestClient as TestClient2 } from '@vitejs/test-dep-transitive-use-sync-external-store/client'
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
index 87864634f..6e83fb4ad 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { ClientDep } from './client-dep'
 
 export function TestHmrClientDep(props: { url: Pick<URL, 'search'> }) {
@@ -8,12 +9,16 @@ export function TestHmrClientDep(props: { url: Pick<URL, 'search'> }) {
   return (
     <div>
       <span data-testid="test-hmr-client-dep">
-        <button onClick={() => setCount((c) => c + 1)}>test-hmr-client-dep: {count}</button>
+        <button onClick={() => setCount((c) => c + 1)}>
+          test-hmr-client-dep: {count}
+        </button>
         <ClientDep />
       </span>{' '}
       <a href="?test-hmr-client-dep-re-render">
         re-render
-        {props.url.search.includes('test-hmr-client-dep-re-render') ? ' [ok]' : ''}
+        {props.url.search.includes('test-hmr-client-dep-re-render')
+          ? ' [ok]'
+          : ''}
       </a>
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
index 903dc1343..e36bc4d69 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { clientDep } from './client-dep'
 
 export function TestHmrClientDep2(props: { url: Pick<URL, 'search'> }) {
@@ -8,12 +9,16 @@ export function TestHmrClientDep2(props: { url: Pick<URL, 'search'> }) {
   return (
     <div>
       <span data-testid="test-hmr-client-dep2">
-        <button onClick={() => setCount((c) => c + 1)}>test-hmr-client-dep2: {count}</button>
+        <button onClick={() => setCount((c) => c + 1)}>
+          test-hmr-client-dep2: {count}
+        </button>
         {clientDep()}
       </span>{' '}
       <a href="?test-hmr-client-dep2-re-render">
         re-render
-        {props.url.search.includes('test-hmr-client-dep2-re-render') ? ' [ok]' : ''}
+        {props.url.search.includes('test-hmr-client-dep2-re-render')
+          ? ' [ok]'
+          : ''}
       </a>
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
index a200ce1ed..d4fdf54e8 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { clientDep } from './client-dep'
 import { ClientDepComp } from './client-dep-comp'
 
@@ -9,7 +10,9 @@ export function TestHmrClientDepA() {
   return (
     <>
       <span data-testid="test-hmr-client-dep3">
-        <button onClick={() => setCount((c) => c + 1)}>test-hmr-client-dep3: {count}</button>
+        <button onClick={() => setCount((c) => c + 1)}>
+          test-hmr-client-dep3: {count}
+        </button>
         {clientDep()}
         <ClientDepComp />
       </span>
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
index 87202d6ff..9a1f3770f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
@@ -1,13 +1,20 @@
 'use client'
 
 import React from 'react'
+
 import { testShared } from './shared'
 
-export function TestClient({ testSharedFromServer }: { testSharedFromServer: string }) {
+export function TestClient({
+  testSharedFromServer,
+}: {
+  testSharedFromServer: string
+}) {
   React.useEffect(() => {
     if (testShared !== testSharedFromServer) {
       console.log({ testShared, testSharedFromServer })
-      throw new Error(`Mismatch: ${JSON.stringify({ testShared, testSharedFromServer })}`)
+      throw new Error(
+        `Mismatch: ${JSON.stringify({ testShared, testSharedFromServer })}`,
+      )
     }
   }, [testShared, testSharedFromServer])
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx
index 158e3077d..ef7497222 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/client.tsx
@@ -6,7 +6,8 @@ import { testHmrSharedObject } from './shared2'
 export function TestHmrSharedClient() {
   return (
     <div data-testid="test-hmr-shared-client">
-      test-hmr-shared-client: (<TestHmrSharedComponent />, {testHmrSharedObject.value})
+      test-hmr-shared-client: (<TestHmrSharedComponent />,{' '}
+      {testHmrSharedObject.value})
     </div>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx
index dfcbed005..f53a1037a 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/server.tsx
@@ -4,7 +4,8 @@ import { testHmrSharedObject } from './shared2'
 export function TestHmrSharedServer() {
   return (
     <div data-testid="test-hmr-shared-server">
-      test-hmr-shared-server: (<TestHmrSharedComponent />, {testHmrSharedObject.value})
+      test-hmr-shared-server: (<TestHmrSharedComponent />,{' '}
+      {testHmrSharedObject.value})
     </div>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx
index 56c67699a..b16d51be7 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hydration-mismatch/server.tsx
@@ -5,7 +5,11 @@ export function TestHydrationMismatch(props: { url: URL }) {
   return (
     <div>
       <span>test-hydration-mismatch</span>{' '}
-      {show ? <a href="?">hide</a> : <a href="?test-hydration-mismatch">show</a>}{' '}
+      {show ? (
+        <a href="?">hide</a>
+      ) : (
+        <a href="?test-hydration-mismatch">show</a>
+      )}{' '}
       {show && <Mismatch />}
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx
index 8672b035f..788de21f6 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/payload/client.tsx
@@ -1,6 +1,11 @@
 'use client'
 
-export function TestPayloadClient(props: { test1?: any; test2?: any; test3?: any; test4?: any }) {
+export function TestPayloadClient(props: {
+  test1?: any
+  test2?: any
+  test3?: any
+  test4?: any
+}) {
   const results = {
     test1: props.test1 === '🙂',
     test2: props.test2 === "<script>throw new Error('boom')</script>",
diff --git a/packages/plugin-rsc/examples/basic/src/routes/root.tsx b/packages/plugin-rsc/examples/basic/src/routes/root.tsx
index 1a52d1af2..fee9209b6 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/root.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/root.tsx
@@ -1,4 +1,6 @@
+import TestDepCssInServer from '@vitejs/test-dep-css-in-server/server'
 import React from 'react'
+
 import {
   TestServerActionBindAction,
   TestServerActionBindClient,
@@ -6,45 +8,47 @@ import {
   TestServerActionBindSimple,
 } from './action-bind/server'
 import { TestServerActionError } from './action-error/server'
-import { TestActionFromClient, TestUseActionState } from './action-from-client/client'
+import {
+  TestActionFromClient,
+  TestUseActionState,
+} from './action-from-client/client'
 import { TestActionStateServer } from './action-state/server'
 import { ServerCounter } from './action/server'
+import { TestAssetsServer } from './assets/server'
+import { TestBrowserOnly } from './browser-only/client'
+import { TestClientChunkServer } from './chunk/server'
+import { TestChunk2 } from './chunk2/server'
 import { ClientCounter, Hydrated } from './client'
+import { TestClientError } from './client-error/client'
+import { TestCssQueries } from './css-queries/server'
 import { TestClientInServer } from './deps/client-in-server/server'
 import { TestServerInClient } from './deps/server-in-client/client'
 import { TestServerInServer } from './deps/server-in-server/server'
+import { TestTransitiveCjsClient } from './deps/transitive-cjs/client'
 import { TestHmrClientDep } from './hmr-client-dep/client'
+import { TestHmrClientDep2 } from './hmr-client-dep2/client'
+import { TestHmrClientDep3 } from './hmr-client-dep3/server'
+import { TestHmrSharedAtomic } from './hmr-shared/atomic/server'
+import { TestHmrSharedClient } from './hmr-shared/client'
+import { TestHmrSharedServer } from './hmr-shared/server'
+import { TestHmrSwitchClient } from './hmr-switch/client'
+import { TestHmrSwitchServer } from './hmr-switch/server'
+import { TestHydrationMismatch } from './hydration-mismatch/server'
+import { TestImportMetaGlob } from './import-meta-glob/server'
 import { TestModuleInvalidationServer } from './module-invalidation/server'
 import { TestPayloadServer } from './payload/server'
+import { TestReactCache } from './react-cache/server'
 import { TestSerializationServer } from './serialization/server'
+import { TestServerError } from './server-error/server'
 import { TestCssClientNoSsr } from './style-client-no-ssr/server'
 import { TestStyleClient } from './style-client/client'
 import { TestStyleServer } from './style-server/server'
+import { TestTailwind } from './tailwind'
 import { TestTemporaryReference } from './temporary-reference/client'
-import { TestUseCache } from './use-cache/server'
-import { TestReactCache } from './react-cache/server'
-import { TestHydrationMismatch } from './hydration-mismatch/server'
-import { TestBrowserOnly } from './browser-only/client'
-import { TestTransitiveCjsClient } from './deps/transitive-cjs/client'
-import TestDepCssInServer from '@vitejs/test-dep-css-in-server/server'
-import { TestHmrSharedServer } from './hmr-shared/server'
-import { TestHmrSharedClient } from './hmr-shared/client'
-import { TestHmrSharedAtomic } from './hmr-shared/atomic/server'
-import { TestCssQueries } from './css-queries/server'
-import { TestImportMetaGlob } from './import-meta-glob/server'
-import { TestAssetsServer } from './assets/server'
-import { TestHmrSwitchServer } from './hmr-switch/server'
-import { TestHmrSwitchClient } from './hmr-switch/client'
 import { TestTreeShakeServer } from './tree-shake/server'
 import { TestTreeShake2 } from './tree-shake2/server'
-import { TestClientChunkServer } from './chunk/server'
-import { TestTailwind } from './tailwind'
-import { TestHmrClientDep2 } from './hmr-client-dep2/client'
-import { TestHmrClientDep3 } from './hmr-client-dep3/server'
-import { TestChunk2 } from './chunk2/server'
+import { TestUseCache } from './use-cache/server'
 import { TestUseId } from './use-id/server'
-import { TestClientError } from './client-error/client'
-import { TestServerError } from './server-error/server'
 
 export function Root(props: { url: URL }) {
   return (
diff --git a/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
index d62cd266a..97daee977 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
@@ -1,4 +1,8 @@
-import { createFromReadableStream, renderToReadableStream } from '@vitejs/plugin-rsc/rsc'
+import {
+  createFromReadableStream,
+  renderToReadableStream,
+} from '@vitejs/plugin-rsc/rsc'
+
 import { testSerializationAction } from './action'
 import { TestSerializationClient } from './client'
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx
index 9d680feb0..8e0f7304f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/style-client-no-ssr/server.tsx
@@ -3,8 +3,8 @@ import { TestClient } from './client'
 export function TestCssClientNoSsr(props: { url: URL }) {
   return (
     <div>
-      <span>test-client-style-no-ssr</span> <a href="?test-client-style-no-ssr">show</a>{' '}
-      <a href="?">hide</a>{' '}
+      <span>test-client-style-no-ssr</span>{' '}
+      <a href="?test-client-style-no-ssr">show</a> <a href="?">hide</a>{' '}
       {props.url.searchParams.has('test-client-style-no-ssr') && <TestClient />}
     </div>
   )
diff --git a/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx
index ba3966e00..56de4a5e2 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/style-client/client.tsx
@@ -2,8 +2,8 @@
 
 import './client.css'
 import { TestClientDep } from './client-dep'
-import styles from './client.module.css'
 import styleUrl from './client-url.css?url'
+import styles from './client.module.css'
 
 export function TestStyleClient() {
   return (
@@ -14,7 +14,11 @@ export function TestStyleClient() {
         test-css-module-client
       </div>
       <span>|</span>
-      <link rel="stylesheet" href={styleUrl} precedence="test-style-manual-link" />
+      <link
+        rel="stylesheet"
+        href={styleUrl}
+        precedence="test-style-manual-link"
+      />
       <div className="test-style-url-client">test-style-url-client</div>
       <span>|</span>
       <TestClientDep />
diff --git a/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx
index 1c6b611a9..02ecfaaac 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/style-server/server.tsx
@@ -1,6 +1,6 @@
 import './server.css'
-import styles from './server.module.css'
 import styleUrl from './server-url.css?url'
+import styles from './server.module.css'
 
 export function TestStyleServer() {
   return (
@@ -11,7 +11,11 @@ export function TestStyleServer() {
         test-css-module-server
       </div>
       <span>|</span>
-      <link rel="stylesheet" href={styleUrl} precedence="test-style-manual-link" />
+      <link
+        rel="stylesheet"
+        href={styleUrl}
+        precedence="test-style-manual-link"
+      />
       <div className="test-style-url-server">test-style-url-server</div>
       <span>|</span>
       <link
diff --git a/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx
index 69dd7e9fa..def7871a7 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { action } from './action'
 
 export function TestTemporaryReference() {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx
index 3406686aa..9c5e09f4c 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/use-cache/server.tsx
@@ -60,7 +60,9 @@ async function TestComponent(props: { children?: React.ReactNode }) {
       <span data-testid="test-use-cache-component-static">
         (static: {new Date().toISOString()})
       </span>{' '}
-      <span data-testid="test-use-cache-component-dynamic">(dynamic: {props.children})</span>
+      <span data-testid="test-use-cache-component-dynamic">
+        (dynamic: {props.children})
+      </span>
     </div>
   )
 }
diff --git a/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx
index a97edefcf..18c2d92de 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx
@@ -1,4 +1,5 @@
 import { useId } from 'react'
+
 import { TestUseIdClient } from './client'
 
 export function TestUseId() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js
index e145d3c52..23518218b 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js
@@ -1,4 +1,5 @@
 import React from 'react'
+
 import { TestClient } from './client.js'
 
 export async function TestClientInServerDep() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js
index bbe5e3cb4..8a09b673a 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/client.js
@@ -5,7 +5,11 @@ import React from 'react'
 const testContext = React.createContext()
 
 export function TestContextProvider(props) {
-  return React.createElement(testContext.Provider, { value: props.value }, props.children)
+  return React.createElement(
+    testContext.Provider,
+    { value: props.value },
+    props.children,
+  )
 }
 
 export function TestContextValue() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
index 923add6b8..69ef56801 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
@@ -1,6 +1,11 @@
 import React from 'react'
+
 import { TestContextProvider } from './client.js'
 
 export function TestContextProviderInServer(props) {
-  return React.createElement(TestContextProvider, { value: props.value }, props.children)
+  return React.createElement(
+    TestContextProvider,
+    { value: props.value },
+    props.children,
+  )
 }
diff --git a/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js b/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
index e293e3479..4b5deb060 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
@@ -1,8 +1,13 @@
 import React from 'react'
+
 import './server.css'
 
 const h = React.createElement
 
 export default function TestDepCssInServer() {
-  return h('div', { className: 'test-dep-css-in-server' }, `test-dep-css-in-server`)
+  return h(
+    'div',
+    { className: 'test-dep-css-in-server' },
+    `test-dep-css-in-server`,
+  )
 }
diff --git a/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js b/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js
index bdb6c4596..eb4424698 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { changeCounter } from './server.js'
 
 const h = React.createElement
diff --git a/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js b/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js
index 87aa08e69..4c3b6dc84 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js
@@ -1,8 +1,7 @@
 'use client'
 
-import React from 'react'
-
 import { ok } from '@vitejs/test-dep-cjs'
+import React from 'react'
 
 const h = React.createElement
 
diff --git a/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js b/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js
index 1ac3e0cc1..1079d08cb 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 // similar to
 // https://github.com/vercel/swr/blob/063fe55dddb95f0b6c3f1637a935c43d732ded78/src/index/use-swr.ts#L3
 // https://github.com/TanStack/store/blob/1d1323283e79059821d6c731eaaee60e4143dbc2/packages/react-store/src/index.ts#L1
diff --git a/packages/plugin-rsc/examples/basic/vite.config.ts b/packages/plugin-rsc/examples/basic/vite.config.ts
index 622b9c6ad..55d0d840e 100644
--- a/packages/plugin-rsc/examples/basic/vite.config.ts
+++ b/packages/plugin-rsc/examples/basic/vite.config.ts
@@ -1,12 +1,18 @@
-import assert from 'node:assert'
-import rsc from '@vitejs/plugin-rsc'
-import { transformHoistInlineDirective } from '@vitejs/plugin-rsc/transforms'
 import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react'
-import { type Plugin, type Rollup, defineConfig, normalizePath, parseAstAsync } from 'vite'
-import path from 'node:path'
+import rsc from '@vitejs/plugin-rsc'
+import { transformHoistInlineDirective } from '@vitejs/plugin-rsc/transforms'
+import assert from 'node:assert'
 import fs from 'node:fs'
+import path from 'node:path'
 import { fileURLToPath } from 'node:url'
+import {
+  type Plugin,
+  type Rollup,
+  defineConfig,
+  normalizePath,
+  parseAstAsync,
+} from 'vite'
 
 export default defineConfig({
   clearScreen: false,
@@ -23,7 +29,8 @@ export default defineConfig({
       },
       // disable auto css injection to manually test `loadCss` feature.
       rscCssTransform: false,
-      copyServerAssetsToClient: (fileName) => fileName !== '__server_secret.txt',
+      copyServerAssetsToClient: (fileName) =>
+        fileName !== '__server_secret.txt',
       clientChunks(meta) {
         if (process.env.TEST_CUSTOM_CLIENT_CHUNKS) {
           if (meta.id.includes('/src/routes/chunk/')) {
@@ -85,11 +92,15 @@ export default defineConfig({
         assert(typeof viteManifest.source === 'string')
         if (this.environment.name === 'rsc') {
           assert(viteManifest.source.includes('src/framework/entry.rsc.tsx'))
-          assert(!viteManifest.source.includes('src/framework/entry.browser.tsx'))
+          assert(
+            !viteManifest.source.includes('src/framework/entry.browser.tsx'),
+          )
         }
         if (this.environment.name === 'client') {
           assert(!viteManifest.source.includes('src/framework/entry.rsc.tsx'))
-          assert(viteManifest.source.includes('src/framework/entry.browser.tsx'))
+          assert(
+            viteManifest.source.includes('src/framework/entry.browser.tsx'),
+          )
         }
       },
     },
@@ -99,7 +110,9 @@ export default defineConfig({
         const moduleIds = Object.values(bundle).flatMap((c) =>
           c.type === 'chunk' ? [...c.moduleIds] : [],
         )
-        const browserId = normalizePath(path.resolve('src/routes/browser-only/browser-dep.tsx'))
+        const browserId = normalizePath(
+          path.resolve('src/routes/browser-only/browser-dep.tsx'),
+        )
         if (this.environment.name === 'client') {
           assert(moduleIds.includes(browserId))
         }
@@ -116,7 +129,9 @@ export default defineConfig({
           normalizePath(fileURLToPath(import.meta.resolve(source)))
 
         // TODO: this package entry isn't a public API.
-        const reactServerDom = resolvePackageSource('@vitejs/plugin-rsc/react/browser')
+        const reactServerDom = resolvePackageSource(
+          '@vitejs/plugin-rsc/react/browser',
+        )
 
         return {
           environments: {
@@ -165,7 +180,9 @@ export default defineConfig({
           assert.equal(libChunks['lib-react'].length, 1)
           assert.deepEqual(
             // https://rolldown.rs/guide/in-depth/advanced-chunks#why-there-s-always-a-runtime-js-chunk
-            libChunks['lib-react'][0].imports.filter((f) => !f.includes('rolldown-runtime')),
+            libChunks['lib-react'][0].imports.filter(
+              (f) => !f.includes('rolldown-runtime'),
+            ),
             [],
           )
           assert.deepEqual(libChunks['lib-react'][0].dynamicImports, [])
@@ -228,7 +245,10 @@ export default { fetch: handler };
   environments: {
     client: {
       optimizeDeps: {
-        entries: ['./src/routes/**/client.tsx', './src/framework/entry.browser.tsx'],
+        entries: [
+          './src/routes/**/client.tsx',
+          './src/framework/entry.browser.tsx',
+        ],
         exclude: [
           '@vitejs/test-dep-client-in-server/client',
           '@vitejs/test-dep-client-in-server2/client',
@@ -303,7 +323,9 @@ function vitePluginUseCache(): Plugin[] {
           noExport: true,
         })
         if (!result.output.hasChanged()) return
-        result.output.prepend(`import __vite_rsc_cache from "/src/framework/use-cache-runtime";`)
+        result.output.prepend(
+          `import __vite_rsc_cache from "/src/framework/use-cache-runtime";`,
+        )
         return {
           code: result.output.toString(),
           map: result.output.generateMap({ hires: 'boundary' }),
diff --git a/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx b/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx
index 036f65179..1b1675c3a 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/action-bind/form.tsx
@@ -2,7 +2,9 @@
 
 import React from 'react'
 
-export function TestServerActionBindClientForm(props: { action: () => Promise<React.ReactNode> }) {
+export function TestServerActionBindClientForm(props: {
+  action: () => Promise<React.ReactNode>
+}) {
   const [result, formAction] = React.useActionState(props.action, '[?]')
 
   return (
diff --git a/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx b/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx
index ecc38a87b..dda9ee2ed 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/action-bind/server.tsx
@@ -45,7 +45,9 @@ export function TestServerActionBindSimple() {
     >
       <input type="hidden" name="value" value={outerValue} />
       <button type="submit">test-server-action-bind-simple</button>
-      <span data-testid="test-server-action-bind-simple">{testServerActionBindSimpleState}</span>
+      <span data-testid="test-server-action-bind-simple">
+        {testServerActionBindSimpleState}
+      </span>
     </form>
   )
 }
@@ -61,7 +63,12 @@ export function TestServerActionBindClient() {
     return client
   }
 
-  return <TestServerActionBindClientForm key={testServerActionBindClientState} action={action} />
+  return (
+    <TestServerActionBindClientForm
+      key={testServerActionBindClientState}
+      action={action}
+    />
+  )
 }
 
 let testServerActionBindActionState = '[?]'
@@ -92,7 +99,9 @@ export function TestServerActionBindAction() {
     >
       <input type="hidden" name="value" value="ok" />
       <button type="submit">test-server-action-bind-action</button>
-      <span data-testid="test-server-action-bind-action">{testServerActionBindActionState}</span>
+      <span data-testid="test-server-action-bind-action">
+        {testServerActionBindActionState}
+      </span>
     </form>
   )
 }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx b/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx
index aca850f2f..94b2f81ab 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 import { testActionState } from './action'
 
 export function TestUseActionState() {
diff --git a/packages/plugin-rsc/examples/browser-mode/src/client.tsx b/packages/plugin-rsc/examples/browser-mode/src/client.tsx
index 08903291e..29bb5d367 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/client.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/client.tsx
@@ -5,5 +5,9 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      Client Counter: {count}
+    </button>
+  )
 }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx
index 336bfa3f6..33431e5ad 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx
@@ -1,5 +1,3 @@
-import * as React from 'react'
-import { createRoot } from 'react-dom/client'
 import {
   createFromFetch,
   setRequireModule,
@@ -7,9 +5,12 @@ import {
   createTemporaryReferenceSet,
   encodeReply,
 } from '@vitejs/plugin-rsc/react/browser'
-import type { RscPayload } from './entry.rsc'
+import * as React from 'react'
+import { createRoot } from 'react-dom/client'
 import buildClientReferences from 'virtual:vite-rsc-browser-mode/build-client-references'
 
+import type { RscPayload } from './entry.rsc'
+
 let fetchServer: typeof import('./entry.rsc').fetchServer
 
 export function initialize(options: { fetchServer: typeof fetchServer }) {
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx
index 8129e97d8..72c2c4414 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx
@@ -1,3 +1,6 @@
+import type React from 'react'
+import type { ReactFormState } from 'react-dom/client'
+
 import {
   setRequireModule,
   renderToReadableStream,
@@ -7,11 +10,10 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/react/rsc'
-import type React from 'react'
-import { Root } from '../root'
-import type { ReactFormState } from 'react-dom/client'
 import buildServerReferences from 'virtual:vite-rsc-browser-mode/build-server-references'
 
+import { Root } from '../root'
+
 export type RscPayload = {
   root: React.ReactNode
   returnValue?: { ok: boolean; data: unknown }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx
index 99b432d0a..666479752 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/load-client-dev.tsx
@@ -1,7 +1,10 @@
-import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 import { createRPCClient } from 'vite-dev-rpc'
+import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 
-const rpcClient = createRPCClient<{ invoke: Function }, {}>('transport-proxy', import.meta.hot!)
+const rpcClient = createRPCClient<{ invoke: Function }, {}>(
+  'transport-proxy',
+  import.meta.hot!,
+)
 
 export default async function loadClient() {
   const runner = new ModuleRunner(
@@ -14,5 +17,7 @@ export default async function loadClient() {
     },
     new ESModulesEvaluator(),
   )
-  return await runner.import<typeof import('./entry.browser')>('/src/framework/entry.browser.tsx')
+  return await runner.import<typeof import('./entry.browser')>(
+    '/src/framework/entry.browser.tsx',
+  )
 }
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx
index 6a485deb4..a1e8ce528 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx
@@ -1,6 +1,7 @@
-import * as server from './entry.rsc'
 import loadClient from 'virtual:vite-rsc-browser-mode/load-client'
 
+import * as server from './entry.rsc'
+
 async function main() {
   const client = await loadClient()
   server.initialize()
diff --git a/packages/plugin-rsc/examples/browser-mode/src/root.tsx b/packages/plugin-rsc/examples/browser-mode/src/root.tsx
index b4cbcf333..a61600b0e 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/root.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/root.tsx
@@ -1,10 +1,11 @@
 import './index.css'
 import viteLogo from '/vite.svg'
+
+import { TestActionBind } from './action-bind/server.tsx'
+import { TestUseActionState } from './action-from-client/client.tsx'
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
-import { TestUseActionState } from './action-from-client/client.tsx'
-import { TestActionBind } from './action-bind/server.tsx'
 
 export function Root() {
   return <App />
@@ -17,7 +18,10 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
+        <a
+          href="https://react.dev/reference/rsc/server-components"
+          target="_blank"
+        >
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/browser-mode/vite.config.ts b/packages/plugin-rsc/examples/browser-mode/vite.config.ts
index ee125ea28..8d8062321 100644
--- a/packages/plugin-rsc/examples/browser-mode/vite.config.ts
+++ b/packages/plugin-rsc/examples/browser-mode/vite.config.ts
@@ -1,5 +1,9 @@
+import {
+  vitePluginRscMinimal,
+  getPluginApi,
+  type PluginApi,
+} from '@vitejs/plugin-rsc/plugin'
 import { defaultClientConditions, defineConfig, type Plugin } from 'vite'
-import { vitePluginRscMinimal, getPluginApi, type PluginApi } from '@vitejs/plugin-rsc/plugin'
 import { createRPCServer } from 'vite-dev-rpc'
 
 export default defineConfig({
@@ -31,7 +35,9 @@ function rscBrowserModePlugin(): Plugin[] {
       config(userConfig, env) {
         return {
           define: {
-            'import.meta.env.__vite_rsc_build__': JSON.stringify(env.command === 'build'),
+            'import.meta.env.__vite_rsc_build__': JSON.stringify(
+              env.command === 'build',
+            ),
           },
           environments: {
             client: {
@@ -97,7 +103,8 @@ function rscBrowserModePlugin(): Plugin[] {
               onwarn(warning, defaultHandler) {
                 if (
                   warning.code === 'MODULE_LEVEL_DIRECTIVE' &&
-                  (warning.message.includes('use client') || warning.message.includes('use server'))
+                  (warning.message.includes('use client') ||
+                    warning.message.includes('use server'))
                 ) {
                   return
                 }
@@ -124,7 +131,8 @@ function rscBrowserModePlugin(): Plugin[] {
       },
       configureServer(server) {
         createRPCServer('transport-proxy', server.ws, {
-          invoke: (payload: any) => server.environments.react_client.hot.handleInvoke(payload),
+          invoke: (payload: any) =>
+            server.environments.react_client.hot.handleInvoke(payload),
         })
       },
       hotUpdate(ctx) {
@@ -172,7 +180,9 @@ function rscBrowserModePlugin(): Plugin[] {
     {
       name: 'rsc-browser-mode:build-client-references',
       resolveId(source) {
-        if (source === 'virtual:vite-rsc-browser-mode/build-client-references') {
+        if (
+          source === 'virtual:vite-rsc-browser-mode/build-client-references'
+        ) {
           return '\0' + source
         }
       },
@@ -192,7 +202,9 @@ function rscBrowserModePlugin(): Plugin[] {
     {
       name: 'rsc-browser-mode:build-server-references',
       resolveId(source) {
-        if (source === 'virtual:vite-rsc-browser-mode/build-server-references') {
+        if (
+          source === 'virtual:vite-rsc-browser-mode/build-server-references'
+        ) {
           return '\0' + source
         }
       },
diff --git a/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts b/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts
index ddab6999d..a01428062 100644
--- a/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts
+++ b/packages/plugin-rsc/examples/browser/lib/dev-proxy.ts
@@ -1,7 +1,10 @@
-import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 import { createRPCClient } from 'vite-dev-rpc'
+import { ESModulesEvaluator, ModuleRunner } from 'vite/module-runner'
 
-const rpcClient = createRPCClient<{ invoke: Function }, {}>('rsc:transport-proxy', import.meta.hot!)
+const rpcClient = createRPCClient<{ invoke: Function }, {}>(
+  'rsc:transport-proxy',
+  import.meta.hot!,
+)
 
 const runner = new ModuleRunner(
   {
diff --git a/packages/plugin-rsc/examples/browser/lib/plugin.ts b/packages/plugin-rsc/examples/browser/lib/plugin.ts
index cb4850920..84a060918 100644
--- a/packages/plugin-rsc/examples/browser/lib/plugin.ts
+++ b/packages/plugin-rsc/examples/browser/lib/plugin.ts
@@ -39,7 +39,9 @@ export default function vitePluginRscBrowser(): Plugin[] {
       },
       configResolved(config) {
         // avoid globalThis.AsyncLocalStorage injection in browser mode
-        const plugin = config.plugins.find((p) => p.name === 'rsc:inject-async-local-storage')
+        const plugin = config.plugins.find(
+          (p) => p.name === 'rsc:inject-async-local-storage',
+        )
         delete plugin!.transform
       },
       buildApp: {
@@ -51,7 +53,8 @@ export default function vitePluginRscBrowser(): Plugin[] {
       },
       configureServer(server) {
         createRPCServer('rsc:transport-proxy', server.ws, {
-          invoke: (payload: any) => server.environments.rsc.hot.handleInvoke(payload),
+          invoke: (payload: any) =>
+            server.environments.rsc.hot.handleInvoke(payload),
         })
       },
     },
@@ -70,11 +73,18 @@ export default function vitePluginRscBrowser(): Plugin[] {
           const config = this.environment.getTopLevelConfig()
           const replacement = normalizeRelativePath(
             path.relative(
-              path.join(config.environments.client.build.outDir, chunk.fileName, '..'),
+              path.join(
+                config.environments.client.build.outDir,
+                chunk.fileName,
+                '..',
+              ),
               path.join(config.environments.rsc.build.outDir, 'index.js'),
             ),
           )
-          code = code.replaceAll('virtual:vite-rsc-browser/load-rsc', () => replacement)
+          code = code.replaceAll(
+            'virtual:vite-rsc-browser/load-rsc',
+            () => replacement,
+          )
           return { code }
         }
       },
diff --git a/packages/plugin-rsc/examples/browser/src/client.tsx b/packages/plugin-rsc/examples/browser/src/client.tsx
index 08903291e..29bb5d367 100644
--- a/packages/plugin-rsc/examples/browser/src/client.tsx
+++ b/packages/plugin-rsc/examples/browser/src/client.tsx
@@ -5,5 +5,9 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      Client Counter: {count}
+    </button>
+  )
 }
diff --git a/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
index ee6a80d1b..2d3abbd9c 100644
--- a/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
@@ -1,12 +1,14 @@
-import React from 'react'
-import { createRoot } from 'react-dom/client'
 import {
   createFromFetch,
   setServerCallback,
   createTemporaryReferenceSet,
   encodeReply,
 } from '@vitejs/plugin-rsc/browser'
+import React from 'react'
+import { createRoot } from 'react-dom/client'
+
 import type { RscPayload } from './entry.rsc'
+
 import { loadEntryRsc } from '../../lib/runtime'
 
 async function fetchRsc(request: Request): Promise<Response> {
@@ -41,7 +43,9 @@ async function main() {
 
   // re-fetch RSC and trigger re-rendering
   async function fetchRscPayload() {
-    const payload = await createFromFetch<RscPayload>(fetchRsc(new Request(window.location.href)))
+    const payload = await createFromFetch<RscPayload>(
+      fetchRsc(new Request(window.location.href)),
+    )
     setPayload(payload)
   }
 
diff --git a/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx
index 96a3d7e39..fca08938c 100644
--- a/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx
@@ -1,3 +1,5 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -6,7 +8,7 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-import type { ReactFormState } from 'react-dom/client'
+
 import { Root } from '../root.tsx'
 
 export type RscPayload = {
diff --git a/packages/plugin-rsc/examples/browser/src/root.tsx b/packages/plugin-rsc/examples/browser/src/root.tsx
index 4386e655f..168cbdbc7 100644
--- a/packages/plugin-rsc/examples/browser/src/root.tsx
+++ b/packages/plugin-rsc/examples/browser/src/root.tsx
@@ -1,5 +1,6 @@
 import './index.css' // css import is automatically injected in exported server components
 import viteLogo from '/vite.svg'
+
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
@@ -15,7 +16,10 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
+        <a
+          href="https://react.dev/reference/rsc/server-components"
+          target="_blank"
+        >
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/browser/vite.config.ts b/packages/plugin-rsc/examples/browser/vite.config.ts
index 47e029848..0d9f827cb 100644
--- a/packages/plugin-rsc/examples/browser/vite.config.ts
+++ b/packages/plugin-rsc/examples/browser/vite.config.ts
@@ -1,6 +1,7 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
 import rsc from '@vitejs/plugin-rsc'
+import { defineConfig } from 'vite'
+
 import rscBrowser from './lib/plugin'
 
 export default defineConfig({
diff --git a/packages/plugin-rsc/examples/e2e/middleware-mode.ts b/packages/plugin-rsc/examples/e2e/middleware-mode.ts
index 61de0c9f7..1c86387ef 100644
--- a/packages/plugin-rsc/examples/e2e/middleware-mode.ts
+++ b/packages/plugin-rsc/examples/e2e/middleware-mode.ts
@@ -1,10 +1,11 @@
-import path from 'node:path'
-import { pathToFileURL } from 'node:url'
+import type { Connect } from 'vite'
+
+import { createRequestListener } from '@remix-run/node-fetch-server'
 // @ts-ignore
 import connect from 'connect'
-import { createRequestListener } from '@remix-run/node-fetch-server'
+import path from 'node:path'
+import { pathToFileURL } from 'node:url'
 import sirv from 'sirv'
-import type { Connect } from 'vite'
 
 async function main() {
   const app = connect() as Connect.Server
@@ -25,7 +26,9 @@ async function main() {
         ignores: false,
       }),
     )
-    const entry = await import(pathToFileURL(path.resolve('dist/rsc/index.js')).href)
+    const entry = await import(
+      pathToFileURL(path.resolve('dist/rsc/index.js')).href
+    )
     app.use(createRequestListener(entry.default))
   } else {
     console.error(`Unknown command: ${command}`)
diff --git a/packages/plugin-rsc/examples/no-ssr/src/client.tsx b/packages/plugin-rsc/examples/no-ssr/src/client.tsx
index 08903291e..29bb5d367 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/client.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/client.tsx
@@ -5,5 +5,9 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      Client Counter: {count}
+    </button>
+  )
 }
diff --git a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
index e124c528b..f7b5fc8af 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
@@ -6,6 +6,7 @@ import {
 } from '@vitejs/plugin-rsc/browser'
 import React from 'react'
 import { createRoot } from 'react-dom/client'
+
 import type { RscPayload } from './entry.rsc'
 
 async function main() {
@@ -13,7 +14,9 @@ async function main() {
   // from outside of `BrowserRoot` component (e.g. server function call, navigation, hmr)
   let setPayload: (v: RscPayload) => void
 
-  const initialPayload = await createFromFetch<RscPayload>(fetch(window.location.href))
+  const initialPayload = await createFromFetch<RscPayload>(
+    fetch(window.location.href),
+  )
 
   // browser root component to (re-)render RSC payload as state
   function BrowserRoot() {
@@ -33,7 +36,9 @@ async function main() {
 
   // re-fetch RSC and trigger re-rendering
   async function fetchRscPayload() {
-    const payload = await createFromFetch<RscPayload>(fetch(window.location.href))
+    const payload = await createFromFetch<RscPayload>(
+      fetch(window.location.href),
+    )
     setPayload(payload)
   }
 
diff --git a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx
index a2f0342da..7ca5e111b 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx
@@ -1,3 +1,5 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -6,7 +8,7 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-import type { ReactFormState } from 'react-dom/client'
+
 import { Root } from '../root.tsx'
 
 export type RscPayload = {
diff --git a/packages/plugin-rsc/examples/no-ssr/src/root.tsx b/packages/plugin-rsc/examples/no-ssr/src/root.tsx
index 4386e655f..168cbdbc7 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/root.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/root.tsx
@@ -1,5 +1,6 @@
 import './index.css' // css import is automatically injected in exported server components
 import viteLogo from '/vite.svg'
+
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
@@ -15,7 +16,10 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
+        <a
+          href="https://react.dev/reference/rsc/server-components"
+          target="_blank"
+        >
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/no-ssr/vite.config.ts b/packages/plugin-rsc/examples/no-ssr/vite.config.ts
index fe2e8e7fe..9bf4ac1ac 100644
--- a/packages/plugin-rsc/examples/no-ssr/vite.config.ts
+++ b/packages/plugin-rsc/examples/no-ssr/vite.config.ts
@@ -1,7 +1,7 @@
-import rsc from '@vitejs/plugin-rsc'
 import react from '@vitejs/plugin-react'
-import { defineConfig, type Plugin } from 'vite'
+import rsc from '@vitejs/plugin-rsc'
 import fsp from 'node:fs/promises'
+import { defineConfig, type Plugin } from 'vite'
 
 export default defineConfig({
   plugins: [
@@ -45,7 +45,10 @@ function spaPlugin(): Plugin[] {
           server.middlewares.use(async (req, res, next) => {
             try {
               if (req.headers.accept?.includes('text/html')) {
-                const html = await fsp.readFile('dist/client/index.html', 'utf-8')
+                const html = await fsp.readFile(
+                  'dist/client/index.html',
+                  'utf-8',
+                )
                 res.end(html)
                 return
               }
diff --git a/packages/plugin-rsc/examples/react-router/app/root.tsx b/packages/plugin-rsc/examples/react-router/app/root.tsx
index 75b019e9f..4df3f272c 100644
--- a/packages/plugin-rsc/examples/react-router/app/root.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/root.tsx
@@ -1,5 +1,6 @@
 import './styles.css'
 import { Link, Outlet } from 'react-router'
+
 import { TestClientState, TestHydrated } from './routes/client'
 import { DumpError, GlobalNavigationLoadingBar } from './routes/root.client'
 
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/client.tsx b/packages/plugin-rsc/examples/react-router/app/routes/client.tsx
index c675a13e0..679c9938d 100644
--- a/packages/plugin-rsc/examples/react-router/app/routes/client.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/routes/client.tsx
@@ -12,5 +12,11 @@ export function TestHydrated() {
 }
 
 export function TestClientState() {
-  return <input className="input py-0" data-testid="client-state" placeholder="client-state" />
+  return (
+    <input
+      className="input py-0"
+      data-testid="client-state"
+      placeholder="client-state"
+    />
+  )
 }
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/home.tsx b/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
index a0192e078..fdaf9db31 100644
--- a/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/routes/home.tsx
@@ -11,12 +11,21 @@ const Component = () => {
         <p>This is the home page.</p>
         <span className="test-style-home">[test-style-home]</span>
         <h2>Server Action</h2>
-        <form className="no-prose grid gap-6" action={sayHello.bind(null, 'Demo')}>
+        <form
+          className="no-prose grid gap-6"
+          action={sayHello.bind(null, 'Demo')}
+        >
           <div className="grid gap-1">
             <label className="label" htmlFor="name">
               Name
             </label>
-            <input className="input" id="name" type="text" name="name" placeholder={'Demo'} />
+            <input
+              className="input"
+              id="name"
+              type="text"
+              name="name"
+              placeholder={'Demo'}
+            />
           </div>
           <div>
             <PendingButton />
diff --git a/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx b/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx
index 822e633d6..520dab494 100644
--- a/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/routes/test-action-state/client.tsx
@@ -5,7 +5,10 @@ import React from 'react'
 export function TestActionStateClient(props: {
   action: (prev: React.ReactNode) => Promise<React.ReactNode>
 }) {
-  const [state, formAction, isPending] = React.useActionState(props.action, null)
+  const [state, formAction, isPending] = React.useActionState(
+    props.action,
+    null,
+  )
 
   return (
     <form data-testid="use-action-state-jsx" action={formAction}>
diff --git a/packages/plugin-rsc/examples/react-router/cf/vite.config.ts b/packages/plugin-rsc/examples/react-router/cf/vite.config.ts
index 96b91e749..27ebb6b76 100644
--- a/packages/plugin-rsc/examples/react-router/cf/vite.config.ts
+++ b/packages/plugin-rsc/examples/react-router/cf/vite.config.ts
@@ -1,7 +1,7 @@
 import { cloudflare } from '@cloudflare/vite-plugin'
-import rsc from '@vitejs/plugin-rsc'
 import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react'
+import rsc from '@vitejs/plugin-rsc'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx
index 22031faaf..7b30c863c 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.browser.tsx
@@ -6,7 +6,10 @@ import {
 } from '@vitejs/plugin-rsc/browser'
 import { startTransition, StrictMode } from 'react'
 import { hydrateRoot } from 'react-dom/client'
-import { type DataRouter, type unstable_RSCPayload as RSCServerPayload } from 'react-router'
+import {
+  type DataRouter,
+  type unstable_RSCPayload as RSCServerPayload,
+} from 'react-router'
 import {
   unstable_createCallServer as createCallServer,
   unstable_getRSCStream as getRSCStream,
@@ -25,12 +28,16 @@ setServerCallback(
 // Get and decode the initial server payload
 createFromReadableStream<RSCServerPayload>(getRSCStream()).then((payload) => {
   startTransition(async () => {
-    const formState = payload.type === 'render' ? await payload.formState : undefined
+    const formState =
+      payload.type === 'render' ? await payload.formState : undefined
 
     hydrateRoot(
       document,
       <StrictMode>
-        <RSCHydratedRouter createFromReadableStream={createFromReadableStream} payload={payload} />
+        <RSCHydratedRouter
+          createFromReadableStream={createFromReadableStream}
+          payload={payload}
+        />
       </StrictMode>,
       {
         // @ts-expect-error - no types for this yet
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx
index 4162da2f2..da3895388 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.single.tsx
@@ -2,7 +2,9 @@ import { fetchServer } from './entry.rsc'
 
 export default async function handler(request: Request) {
   // Import the generateHTML function from the client environment
-  const ssr = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr')>('ssr', 'index')
+  const ssr = await import.meta.viteRsc.loadModule<
+    typeof import('./entry.ssr')
+  >('ssr', 'index')
 
   return ssr.generateHTML(request, fetchServer)
 }
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx
index 847211bfd..e19ee95dd 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx
@@ -7,6 +7,7 @@ import {
   renderToReadableStream,
 } from '@vitejs/plugin-rsc/rsc'
 import { unstable_matchRSCServerRequest as matchRSCServerRequest } from 'react-router'
+
 import { routes } from '../app/routes'
 
 export function fetchServer(request: Request) {
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx
index 1ac73ecde..c80cde622 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.ssr.tsx
@@ -19,15 +19,20 @@ export async function generateHTML(
     // Render the router to HTML.
     async renderHTML(getPayload) {
       const payload = await getPayload()
-      const formState = payload.type === 'render' ? await payload.formState : undefined
+      const formState =
+        payload.type === 'render' ? await payload.formState : undefined
 
-      const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
+      const bootstrapScriptContent =
+        await import.meta.viteRsc.loadBootstrapScriptContent('index')
 
-      return await renderHTMLToReadableStream(<RSCStaticRouter getPayload={getPayload} />, {
-        bootstrapScriptContent,
-        // @ts-expect-error - no types for this yet
-        formState,
-      })
+      return await renderHTMLToReadableStream(
+        <RSCStaticRouter getPayload={getPayload} />,
+        {
+          bootstrapScriptContent,
+          // @ts-expect-error - no types for this yet
+          formState,
+        },
+      )
     },
   })
 }
diff --git a/packages/plugin-rsc/examples/react-router/vite.config.ts b/packages/plugin-rsc/examples/react-router/vite.config.ts
index 4bea05c1b..0746928d7 100644
--- a/packages/plugin-rsc/examples/react-router/vite.config.ts
+++ b/packages/plugin-rsc/examples/react-router/vite.config.ts
@@ -1,6 +1,6 @@
-import rsc from '@vitejs/plugin-rsc'
 import tailwindcss from '@tailwindcss/vite'
 import react from '@vitejs/plugin-react'
+import rsc from '@vitejs/plugin-rsc'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/packages/plugin-rsc/examples/ssg/src/counter.tsx b/packages/plugin-rsc/examples/ssg/src/counter.tsx
index b501e11f8..79444524a 100644
--- a/packages/plugin-rsc/examples/ssg/src/counter.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/counter.tsx
@@ -5,5 +5,7 @@ import React from 'react'
 export function Counter() {
   const [count, setCount] = React.useState(0)
 
-  return <button onClick={() => setCount((c) => c + 1)}>Count is {count}</button>
+  return (
+    <button onClick={() => setCount((c) => c + 1)}>Count is {count}</button>
+  )
 }
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
index bb98b2e1b..18c108233 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
@@ -1,10 +1,15 @@
-import { createFromFetch, createFromReadableStream } from '@vitejs/plugin-rsc/browser'
+import {
+  createFromFetch,
+  createFromReadableStream,
+} from '@vitejs/plugin-rsc/browser'
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
+
+import type { RscPayload } from './shared'
+
 import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
-import type { RscPayload } from './shared'
 
 async function hydrate(): Promise<void> {
   async function onNavigation() {
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
index e742bf2b0..75e4ada64 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
@@ -1,7 +1,9 @@
 import { renderToReadableStream } from '@vitejs/plugin-rsc/rsc'
+
+import type { RscPayload } from './shared'
+
 import { Root, getStaticPaths } from '../root'
 import { parseRenderRequest } from './request'
-import type { RscPayload } from './shared'
 
 export { getStaticPaths }
 
@@ -20,7 +22,9 @@ export default async function handler(request: Request): Promise<Response> {
     })
   }
 
-  const ssr = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr')>('ssr', 'index')
+  const ssr = await import.meta.viteRsc.loadModule<
+    typeof import('./entry.ssr')
+  >('ssr', 'index')
   const ssrResult = await ssr.renderHtml(rscStream)
 
   return new Response(ssrResult.stream, {
@@ -41,7 +45,9 @@ export async function handleSsg(request: Request): Promise<{
   const rscStream = renderToReadableStream<RscPayload>(rscPayload)
   const [rscStream1, rscStream2] = rscStream.tee()
 
-  const ssr = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr')>('ssr', 'index')
+  const ssr = await import.meta.viteRsc.loadModule<
+    typeof import('./entry.ssr')
+  >('ssr', 'index')
   const ssrResult = await ssr.renderHtml(rscStream1, {
     ssg: true,
   })
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
index 3ab58f473..d97ff98ed 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
@@ -3,6 +3,7 @@ import React from 'react'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { prerender } from 'react-dom/static.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
+
 import type { RscPayload } from './shared'
 
 export async function renderHtml(
@@ -19,7 +20,8 @@ export async function renderHtml(
     const root = React.use(payload).root
     return root
   }
-  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent =
+    await import.meta.viteRsc.loadBootstrapScriptContent('index')
 
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
@@ -46,7 +48,8 @@ export async function renderHtml(
           </body>
         </html>,
         {
-          bootstrapScriptContent: `self.__NO_HYDRATE=1;` + bootstrapScriptContent,
+          bootstrapScriptContent:
+            `self.__NO_HYDRATE=1;` + bootstrapScriptContent,
         },
       )
     }
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx
index 7536401fe..3857cb428 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/error-boundary.tsx
@@ -4,7 +4,11 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
+  return (
+    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
+      {props.children}
+    </ErrorBoundary>
+  )
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -62,7 +66,9 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <div>Caught an unexpected error</div>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error
+            ? props.error.message
+            : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/ssg/src/root.tsx b/packages/plugin-rsc/examples/ssg/src/root.tsx
index f90339437..cb3ecb122 100644
--- a/packages/plugin-rsc/examples/ssg/src/root.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/root.tsx
@@ -3,7 +3,10 @@ import { Counter } from './counter'
 async function getPosts() {
   let glob = import.meta.glob('./posts/*.mdx', { eager: true })
   glob = Object.fromEntries(
-    Object.entries(glob).map(([k, v]) => [k.slice('./posts'.length, -'.mdx'.length), v]),
+    Object.entries(glob).map(([k, v]) => [
+      k.slice('./posts'.length, -'.mdx'.length),
+      v,
+    ]),
   )
   return glob
 }
@@ -54,7 +57,9 @@ export async function Root({ url }: { url: URL }) {
             <a href="/">RSC + MDX + SSG</a>
           </h1>
           <Counter />
-          <span data-testid="timestamp">Rendered at {new Date().toISOString()}</span>
+          <span data-testid="timestamp">
+            Rendered at {new Date().toISOString()}
+          </span>
         </header>
         <main>
           <RootContent />
diff --git a/packages/plugin-rsc/examples/ssg/vite.config.ts b/packages/plugin-rsc/examples/ssg/vite.config.ts
index 7c9441bfe..ce1748b72 100644
--- a/packages/plugin-rsc/examples/ssg/vite.config.ts
+++ b/packages/plugin-rsc/examples/ssg/vite.config.ts
@@ -1,10 +1,10 @@
+import mdx from '@mdx-js/rollup'
+import react from '@vitejs/plugin-react'
+import rsc from '@vitejs/plugin-rsc'
 import fs from 'node:fs'
 import path from 'node:path'
 import { Readable } from 'node:stream'
 import { pathToFileURL } from 'node:url'
-import rsc from '@vitejs/plugin-rsc'
-import mdx from '@mdx-js/rollup'
-import react from '@vitejs/plugin-react'
 import { type Plugin, type ResolvedConfig, defineConfig } from 'vite'
 const RSC_POSTFIX = '_.rsc'
 
@@ -65,7 +65,10 @@ async function renderStatic(config: ResolvedConfig) {
     const { html, rsc } = await entry.handleSsg(
       new Request(new URL(staticPatch, 'http://ssg.local')),
     )
-    await writeFileStream(path.join(baseDir, normalizeHtmlFilePath(staticPatch)), html)
+    await writeFileStream(
+      path.join(baseDir, normalizeHtmlFilePath(staticPatch)),
+      html,
+    )
     await writeFileStream(path.join(baseDir, staticPatch + RSC_POSTFIX), rsc)
   }
 }
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx
index 08903291e..29bb5d367 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/client.tsx
@@ -5,5 +5,9 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      Client Counter: {count}
+    </button>
+  )
 }
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx
index c3a9155e1..3e2eb5c34 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx
@@ -8,8 +8,10 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-import { GlobalErrorBoundary } from './error-boundary'
+
 import type { RscPayload } from './entry.rsc'
+
+import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
 async function main() {
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
index 89436d418..ed943ade9 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
@@ -1,3 +1,5 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -6,7 +8,7 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-import type { ReactFormState } from 'react-dom/client'
+
 import { Root } from '../root.tsx'
 import { parseRenderRequest } from './request.tsx'
 
@@ -79,10 +81,9 @@ async function handler(request: Request): Promise<Response> {
     })
   }
 
-  const { renderHTML } = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr.tsx')>(
-    'ssr',
-    'index',
-  )
+  const { renderHTML } = await import.meta.viteRsc.loadModule<
+    typeof import('./entry.ssr.tsx')
+  >('ssr', 'index')
   const ssrResult = await renderHTML(rscStream, {
     formState,
     // allow quick simulation of javascript disabled browser
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
index 702d0d193..4c89a0850 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
@@ -1,8 +1,10 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import { createFromReadableStream } from '@vitejs/plugin-rsc/ssr'
 import React from 'react'
-import type { ReactFormState } from 'react-dom/client'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
+
 import type { RscPayload } from './entry.rsc'
 
 export type RenderHTML = typeof renderHTML
@@ -30,12 +32,15 @@ export async function renderHTML(
   }
 
   // render html (traditional SSR)
-  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent =
+    await import.meta.viteRsc.loadBootstrapScriptContent('index')
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
   try {
     htmlStream = await renderToReadableStream(<SsrRoot />, {
-      bootstrapScriptContent: options?.debugNojs ? undefined : bootstrapScriptContent,
+      bootstrapScriptContent: options?.debugNojs
+        ? undefined
+        : bootstrapScriptContent,
       nonce: options?.nonce,
       formState: options?.formState,
     })
@@ -51,7 +56,8 @@ export async function renderHTML(
       </html>,
       {
         bootstrapScriptContent:
-          `self.__NO_HYDRATE=1;` + (options?.debugNojs ? '' : bootstrapScriptContent),
+          `self.__NO_HYDRATE=1;` +
+          (options?.debugNojs ? '' : bootstrapScriptContent),
         nonce: options?.nonce,
       },
     )
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx
index 7536401fe..3857cb428 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/error-boundary.tsx
@@ -4,7 +4,11 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
+  return (
+    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
+      {props.children}
+    </ErrorBoundary>
+  )
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -62,7 +66,9 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <div>Caught an unexpected error</div>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error
+            ? props.error.message
+            : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
index 8a155e034..0ec0569cb 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
@@ -1,5 +1,6 @@
 import './index.css'
 import viteLogo from '/vite.svg'
+
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
@@ -27,7 +28,10 @@ function App() {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
+        <a
+          href="https://react.dev/reference/rsc/server-components"
+          target="_blank"
+        >
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/starter-cf-single/vite.config.ts b/packages/plugin-rsc/examples/starter-cf-single/vite.config.ts
index e93d3b493..adef8cab5 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/vite.config.ts
+++ b/packages/plugin-rsc/examples/starter-cf-single/vite.config.ts
@@ -1,6 +1,6 @@
 import { cloudflare } from '@cloudflare/vite-plugin'
-import rsc from '@vitejs/plugin-rsc'
 import react from '@vitejs/plugin-react'
+import rsc from '@vitejs/plugin-rsc'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/packages/plugin-rsc/examples/starter/src/client.tsx b/packages/plugin-rsc/examples/starter/src/client.tsx
index 08903291e..29bb5d367 100644
--- a/packages/plugin-rsc/examples/starter/src/client.tsx
+++ b/packages/plugin-rsc/examples/starter/src/client.tsx
@@ -5,5 +5,9 @@ import React from 'react'
 export function ClientCounter() {
   const [count, setCount] = React.useState(0)
 
-  return <button onClick={() => setCount((count) => count + 1)}>Client Counter: {count}</button>
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      Client Counter: {count}
+    </button>
+  )
 }
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx
index c3a9155e1..3e2eb5c34 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx
@@ -8,8 +8,10 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-import { GlobalErrorBoundary } from './error-boundary'
+
 import type { RscPayload } from './entry.rsc'
+
+import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
 async function main() {
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
index 93d74add9..36630fea8 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
@@ -1,3 +1,5 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -6,7 +8,7 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-import type { ReactFormState } from 'react-dom/client'
+
 import { Root } from '../root.tsx'
 import { parseRenderRequest } from './request.tsx'
 
@@ -96,10 +98,9 @@ export default async function handler(request: Request): Promise<Response> {
   // The plugin provides `loadModule` helper to allow loading SSR environment entry module
   // in RSC environment. however this can be customized by implementing own runtime communication
   // e.g. `@cloudflare/vite-plugin`'s service binding.
-  const ssrEntryModule = await import.meta.viteRsc.loadModule<typeof import('./entry.ssr.tsx')>(
-    'ssr',
-    'index',
-  )
+  const ssrEntryModule = await import.meta.viteRsc.loadModule<
+    typeof import('./entry.ssr.tsx')
+  >('ssr', 'index')
   const ssrResult = await ssrEntryModule.renderHTML(rscStream, {
     formState,
     // allow quick simulation of javascript disabled browser
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
index b2ee12c34..070c61ce9 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
@@ -1,8 +1,10 @@
+import type { ReactFormState } from 'react-dom/client'
+
 import { createFromReadableStream } from '@vitejs/plugin-rsc/ssr'
 import React from 'react'
-import type { ReactFormState } from 'react-dom/client'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
+
 import type { RscPayload } from './entry.rsc'
 
 export async function renderHTML(
@@ -28,12 +30,15 @@ export async function renderHTML(
   }
 
   // render html (traditional SSR)
-  const bootstrapScriptContent = await import.meta.viteRsc.loadBootstrapScriptContent('index')
+  const bootstrapScriptContent =
+    await import.meta.viteRsc.loadBootstrapScriptContent('index')
   let htmlStream: ReadableStream<Uint8Array>
   let status: number | undefined
   try {
     htmlStream = await renderToReadableStream(<SsrRoot />, {
-      bootstrapScriptContent: options?.debugNojs ? undefined : bootstrapScriptContent,
+      bootstrapScriptContent: options?.debugNojs
+        ? undefined
+        : bootstrapScriptContent,
       nonce: options?.nonce,
       formState: options?.formState,
     })
@@ -49,7 +54,8 @@ export async function renderHTML(
       </html>,
       {
         bootstrapScriptContent:
-          `self.__NO_HYDRATE=1;` + (options?.debugNojs ? '' : bootstrapScriptContent),
+          `self.__NO_HYDRATE=1;` +
+          (options?.debugNojs ? '' : bootstrapScriptContent),
         nonce: options?.nonce,
       },
     )
diff --git a/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx b/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx
index 8a3fabce7..39d916510 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/error-boundary.tsx
@@ -4,7 +4,11 @@ import React from 'react'
 
 // Minimal ErrorBoundary example to handle errors globally on browser
 export function GlobalErrorBoundary(props: { children?: React.ReactNode }) {
-  return <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>{props.children}</ErrorBoundary>
+  return (
+    <ErrorBoundary errorComponent={DefaultGlobalErrorPage}>
+      {props.children}
+    </ErrorBoundary>
+  )
 }
 
 // https://github.com/vercel/next.js/blob/33f8428f7066bf8b2ec61f025427ceb2a54c4bdf/packages/next/src/client/components/error-boundary.tsx
@@ -58,7 +62,9 @@ function DefaultGlobalErrorPage(props: { error: Error; reset: () => void }) {
         <p>Caught an unexpected error</p>
         <pre>
           Error:{' '}
-          {import.meta.env.DEV && 'message' in props.error ? props.error.message : '(Unknown)'}
+          {import.meta.env.DEV && 'message' in props.error
+            ? props.error.message
+            : '(Unknown)'}
         </pre>
         <button
           onClick={() => {
diff --git a/packages/plugin-rsc/examples/starter/src/root.tsx b/packages/plugin-rsc/examples/starter/src/root.tsx
index 6dee924a2..1da06cee3 100644
--- a/packages/plugin-rsc/examples/starter/src/root.tsx
+++ b/packages/plugin-rsc/examples/starter/src/root.tsx
@@ -1,5 +1,6 @@
 import './index.css' // css import is automatically injected in exported server components
 import viteLogo from '/vite.svg'
+
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
@@ -27,7 +28,10 @@ function App(props: { url: URL }) {
         <a href="https://vite.dev" target="_blank">
           <img src={viteLogo} className="logo" alt="Vite logo" />
         </a>
-        <a href="https://react.dev/reference/rsc/server-components" target="_blank">
+        <a
+          href="https://react.dev/reference/rsc/server-components"
+          target="_blank"
+        >
           <img src={reactLogo} className="logo react" alt="React logo" />
         </a>
       </div>
diff --git a/packages/plugin-rsc/examples/starter/vite.config.ts b/packages/plugin-rsc/examples/starter/vite.config.ts
index 6319f33f6..9b9c9e014 100644
--- a/packages/plugin-rsc/examples/starter/vite.config.ts
+++ b/packages/plugin-rsc/examples/starter/vite.config.ts
@@ -1,5 +1,5 @@
-import rsc from '@vitejs/plugin-rsc'
 import react from '@vitejs/plugin-react'
+import rsc from '@vitejs/plugin-rsc'
 import { defineConfig } from 'vite'
 
 export default defineConfig({
diff --git a/packages/plugin-rsc/playwright.config.ts b/packages/plugin-rsc/playwright.config.ts
index 881ce571d..520a08ef9 100644
--- a/packages/plugin-rsc/playwright.config.ts
+++ b/packages/plugin-rsc/playwright.config.ts
@@ -30,5 +30,7 @@ export default defineConfig({
   workers: 2,
   forbidOnly: !!process.env.CI,
   retries: process.env.CI ? 2 : 0,
-  reporter: ['list', process.env.CI && 'github'].filter(Boolean).map((name) => [name] as any),
+  reporter: ['list', process.env.CI && 'github']
+    .filter(Boolean)
+    .map((name) => [name] as any),
 }) as any
diff --git a/packages/plugin-rsc/src/browser.ts b/packages/plugin-rsc/src/browser.ts
index ab060d86e..3166ee3ed 100644
--- a/packages/plugin-rsc/src/browser.ts
+++ b/packages/plugin-rsc/src/browser.ts
@@ -1,4 +1,5 @@
 import * as clientReferences from 'virtual:vite-rsc/client-references'
+
 import { setRequireModule } from './core/browser'
 
 export * from './react/browser'
@@ -10,7 +11,9 @@ function initialize(): void {
     load: async (id) => {
       if (!import.meta.env.__vite_rsc_build__) {
         // @ts-ignore
-        return __vite_rsc_raw_import__(withTrailingSlash(import.meta.env.BASE_URL) + id.slice(1))
+        return __vite_rsc_raw_import__(
+          withTrailingSlash(import.meta.env.BASE_URL) + id.slice(1),
+        )
       } else {
         const import_ = clientReferences.default[id]
         if (!import_) {
diff --git a/packages/plugin-rsc/src/core/browser.ts b/packages/plugin-rsc/src/core/browser.ts
index 2732abb13..c68023070 100644
--- a/packages/plugin-rsc/src/core/browser.ts
+++ b/packages/plugin-rsc/src/core/browser.ts
@@ -1,9 +1,12 @@
 import { memoize } from '@hiogawa/utils'
+
 import { removeReferenceCacheTag, setInternalRequire } from './shared'
 
 let init = false
 
-export function setRequireModule(options: { load: (id: string) => Promise<unknown> }): void {
+export function setRequireModule(options: {
+  load: (id: string) => Promise<unknown>
+}): void {
   if (init) return
   init = true
 
diff --git a/packages/plugin-rsc/src/core/rsc.ts b/packages/plugin-rsc/src/core/rsc.ts
index 58a0e3b58..a89bb39d6 100644
--- a/packages/plugin-rsc/src/core/rsc.ts
+++ b/packages/plugin-rsc/src/core/rsc.ts
@@ -1,5 +1,9 @@
 import { memoize, tinyassert } from '@hiogawa/utils'
+// @ts-ignore
+import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge'
+
 import type { BundlerConfig, ImportManifestEntry, ModuleMap } from '../types'
+
 import {
   SERVER_DECODE_CLIENT_PREFIX,
   SERVER_REFERENCE_PREFIX,
@@ -8,13 +12,12 @@ import {
   setInternalRequire,
 } from './shared'
 
-// @ts-ignore
-import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge'
-
 let init = false
 let requireModule!: (id: string) => unknown
 
-export function setRequireModule(options: { load: (id: string) => unknown }): void {
+export function setRequireModule(options: {
+  load: (id: string) => unknown
+}): void {
   if (init) return
   init = true
 
@@ -23,29 +26,33 @@ export function setRequireModule(options: { load: (id: string) => unknown }): vo
   }
 
   // need memoize to return stable promise from __webpack_require__
-  ;(globalThis as any).__vite_rsc_server_require__ = memoize(async (id: string) => {
-    if (id.startsWith(SERVER_DECODE_CLIENT_PREFIX)) {
-      id = id.slice(SERVER_DECODE_CLIENT_PREFIX.length)
-      id = removeReferenceCacheTag(id)
-      // create `registerClientReference` on the fly since there's no way to
-      // grab the original client reference module on ther server.
-      // cf. https://github.com/lazarv/react-server/blob/79e7acebc6f4a8c930ad8422e2a4a9fdacfcce9b/packages/react-server/server/module-loader.mjs#L19
-      // decode client reference on the server
-      return new Proxy({} as any, {
-        get(target, name, _receiver) {
-          if (typeof name !== 'string' || name === 'then') return
-          return (target[name] ??= ReactServer.registerClientReference(
-            () => {
-              throw new Error(`Unexpectedly client reference export '${name}' is called on server`)
-            },
-            id,
-            name,
-          ))
-        },
-      })
-    }
-    return requireModule(id)
-  })
+  ;(globalThis as any).__vite_rsc_server_require__ = memoize(
+    async (id: string) => {
+      if (id.startsWith(SERVER_DECODE_CLIENT_PREFIX)) {
+        id = id.slice(SERVER_DECODE_CLIENT_PREFIX.length)
+        id = removeReferenceCacheTag(id)
+        // create `registerClientReference` on the fly since there's no way to
+        // grab the original client reference module on ther server.
+        // cf. https://github.com/lazarv/react-server/blob/79e7acebc6f4a8c930ad8422e2a4a9fdacfcce9b/packages/react-server/server/module-loader.mjs#L19
+        // decode client reference on the server
+        return new Proxy({} as any, {
+          get(target, name, _receiver) {
+            if (typeof name !== 'string' || name === 'then') return
+            return (target[name] ??= ReactServer.registerClientReference(
+              () => {
+                throw new Error(
+                  `Unexpectedly client reference export '${name}' is called on server`,
+                )
+              },
+              id,
+              name,
+            ))
+          },
+        })
+      }
+      return requireModule(id)
+    },
+  )
 
   setInternalRequire()
 }
diff --git a/packages/plugin-rsc/src/core/ssr.ts b/packages/plugin-rsc/src/core/ssr.ts
index da7992f99..b85279435 100644
--- a/packages/plugin-rsc/src/core/ssr.ts
+++ b/packages/plugin-rsc/src/core/ssr.ts
@@ -1,10 +1,14 @@
 import { memoize } from '@hiogawa/utils'
+
 import type { ServerConsumerManifest } from '../types'
+
 import { removeReferenceCacheTag, setInternalRequire } from './shared'
 
 let init = false
 
-export function setRequireModule(options: { load: (id: string) => unknown }): void {
+export function setRequireModule(options: {
+  load: (id: string) => unknown
+}): void {
   if (init) return
   init = true
 
diff --git a/packages/plugin-rsc/src/index.ts b/packages/plugin-rsc/src/index.ts
index e15399dd2..b3c2a7f0b 100644
--- a/packages/plugin-rsc/src/index.ts
+++ b/packages/plugin-rsc/src/index.ts
@@ -1 +1,6 @@
-export { default, type RscPluginOptions, getPluginApi, type PluginApi } from './plugin'
+export {
+  default,
+  type RscPluginOptions,
+  getPluginApi,
+  type PluginApi,
+} from './plugin'
diff --git a/packages/plugin-rsc/src/plugin.ts b/packages/plugin-rsc/src/plugin.ts
index 0aa822660..6663aa121 100644
--- a/packages/plugin-rsc/src/plugin.ts
+++ b/packages/plugin-rsc/src/plugin.ts
@@ -1,11 +1,13 @@
+import { createDebug } from '@hiogawa/utils'
+import { createRequestListener } from '@remix-run/node-fetch-server'
+import * as esModuleLexer from 'es-module-lexer'
+import MagicString from 'magic-string'
 import assert from 'node:assert'
 import fs from 'node:fs'
 import { createRequire } from 'node:module'
 import path from 'node:path'
 import { pathToFileURL } from 'node:url'
-import { createRequestListener } from '@remix-run/node-fetch-server'
-import * as esModuleLexer from 'es-module-lexer'
-import MagicString from 'magic-string'
+import { stripLiteral } from 'strip-literal'
 import * as vite from 'vite'
 import {
   type BuilderOptions,
@@ -22,25 +24,12 @@ import {
   parseAstAsync,
 } from 'vite'
 import { crawlFrameworkPkgs } from 'vitefu'
+
 import vitePluginRscCore from './core/plugin'
-import {
-  type TransformWrapExportFilter,
-  hasDirective,
-  transformDirectiveProxyExport,
-  transformServerActionServer,
-  transformWrapExport,
-  findDirectives,
-} from './transforms'
-import { generateEncryptionKey, toBase64 } from './utils/encryption-utils'
-import { createRpcServer } from './utils/rpc'
-import {
-  cleanUrl,
-  directRequestRE,
-  evalValue,
-  normalizeViteImportAnalysisUrl,
-  prepareError,
-} from './plugins/vite-utils'
 import { cjsModuleRunnerPlugin } from './plugins/cjs'
+import { vitePluginFindSourceMapURL } from './plugins/find-source-map-url'
+import { scanBuildStripPlugin } from './plugins/scan'
+import { parseCssVirtual, toCssVirtual, parseIdQuery } from './plugins/shared'
 import {
   createVirtualPlugin,
   getEntrySource,
@@ -50,12 +39,24 @@ import {
   sortObject,
   withRollupError,
 } from './plugins/utils'
-import { createDebug } from '@hiogawa/utils'
-import { scanBuildStripPlugin } from './plugins/scan'
 import { validateImportPlugin } from './plugins/validate-import'
-import { vitePluginFindSourceMapURL } from './plugins/find-source-map-url'
-import { parseCssVirtual, toCssVirtual, parseIdQuery } from './plugins/shared'
-import { stripLiteral } from 'strip-literal'
+import {
+  cleanUrl,
+  directRequestRE,
+  evalValue,
+  normalizeViteImportAnalysisUrl,
+  prepareError,
+} from './plugins/vite-utils'
+import {
+  type TransformWrapExportFilter,
+  hasDirective,
+  transformDirectiveProxyExport,
+  transformServerActionServer,
+  transformWrapExport,
+  findDirectives,
+} from './transforms'
+import { generateEncryptionKey, toBase64 } from './utils/encryption-utils'
+import { createRpcServer } from './utils/rpc'
 
 const isRolldownVite = 'rolldownVersion' in vite
 
@@ -103,7 +104,8 @@ class RscPluginManager {
   buildAssetsManifest: AssetsManifest | undefined
   isScanBuild: boolean = false
   clientReferenceMetaMap: Record<string, ClientReferenceMeta> = {}
-  clientReferenceGroups: Record</* group name*/ string, ClientReferenceMeta[]> = {}
+  clientReferenceGroups: Record</* group name*/ string, ClientReferenceMeta[]> =
+    {}
   serverReferenceMetaMap: Record<string, ServerRerferenceMeta> = {}
   serverResourcesMetaMap: Record<string, { key: string }> = {}
 
@@ -208,7 +210,9 @@ export type PluginApi = {
 }
 
 /** @experimental */
-export function getPluginApi(config: Pick<ResolvedConfig, 'plugins'>): PluginApi | undefined {
+export function getPluginApi(
+  config: Pick<ResolvedConfig, 'plugins'>,
+): PluginApi | undefined {
   const plugin = config.plugins.find((p) => p.name === 'rsc:minimal')
   return plugin?.api as PluginApi | undefined
 }
@@ -262,7 +266,9 @@ export function vitePluginRscMinimal(
   ]
 }
 
-export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}): Plugin[] {
+export default function vitePluginRsc(
+  rscPluginOptions: RscPluginOptions = {},
+): Plugin[] {
   const manager = new RscPluginManager()
 
   const buildApp: NonNullable<BuilderOptions['buildApp']> = async (builder) => {
@@ -364,7 +370,9 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
           PKG_NAME,
           ...result.ssr.noExternal.sort(),
         ]
-        hasReactServerDomWebpack = result.ssr.noExternal.includes('react-server-dom-webpack')
+        hasReactServerDomWebpack = result.ssr.noExternal.includes(
+          'react-server-dom-webpack',
+        )
         const reactServerDomPackageName = hasReactServerDomWebpack
           ? 'react-server-dom-webpack'
           : REACT_SERVER_DOM_NAME
@@ -372,12 +380,15 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
         return {
           appType: config.appType ?? 'custom',
           define: {
-            'import.meta.env.__vite_rsc_build__': JSON.stringify(env.command === 'build'),
+            'import.meta.env.__vite_rsc_build__': JSON.stringify(
+              env.command === 'build',
+            ),
           },
           environments: {
             client: {
               build: {
-                outDir: config.environments?.client?.build?.outDir ?? 'dist/client',
+                outDir:
+                  config.environments?.client?.build?.outDir ?? 'dist/client',
                 rollupOptions: {
                   input: rscPluginOptions.entries?.client && {
                     index: rscPluginOptions.entries.client,
@@ -385,7 +396,10 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
                 },
               },
               optimizeDeps: {
-                include: ['react-dom/client', `${reactServerDomPackageName}/client.browser`],
+                include: [
+                  'react-dom/client',
+                  `${reactServerDomPackageName}/client.browser`,
+                ],
                 exclude: [PKG_NAME],
               },
             },
@@ -471,16 +485,25 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
 
         // intercept client hmr to propagate client boundary invalidation to server environment
         const oldSend = server.environments.client.hot.send
-        server.environments.client.hot.send = async function (this, ...args: any[]) {
+        server.environments.client.hot.send = async function (
+          this,
+          ...args: any[]
+        ) {
           const e = args[0] as vite.UpdatePayload
           if (e && typeof e === 'object' && e.type === 'update') {
             for (const update of e.updates) {
               if (update.type === 'js-update') {
-                const mod = server.environments.client.moduleGraph.urlToModuleMap.get(update.path)
+                const mod =
+                  server.environments.client.moduleGraph.urlToModuleMap.get(
+                    update.path,
+                  )
                 if (mod && mod.id && manager.clientReferenceMetaMap[mod.id]) {
-                  const serverMod = server.environments.rsc!.moduleGraph.getModuleById(mod.id)
+                  const serverMod =
+                    server.environments.rsc!.moduleGraph.getModuleById(mod.id)
                   if (serverMod) {
-                    server.environments.rsc!.moduleGraph.invalidateModule(serverMod)
+                    server.environments.rsc!.moduleGraph.invalidateModule(
+                      serverMod,
+                    )
                   }
                 }
               }
@@ -494,15 +517,21 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
           environmentName: 'rsc',
           entryName: 'index',
         }
-        const environment = server.environments[options.environmentName] as RunnableDevEnvironment
+        const environment = server.environments[
+          options.environmentName
+        ] as RunnableDevEnvironment
         const source = getEntrySource(environment.config, options.entryName)
 
         return () => {
           server.middlewares.use(async (req, res, next) => {
             try {
               // resolve before `runner.import` to workaround https://github.com/vitejs/vite/issues/19975
-              const resolved = await environment.pluginContainer.resolveId(source)
-              assert(resolved, `[vite-rsc] failed to resolve server handler '${source}'`)
+              const resolved =
+                await environment.pluginContainer.resolveId(source)
+              assert(
+                resolved,
+                `[vite-rsc] failed to resolve server handler '${source}'`,
+              )
               const mod = await environment.runner.import(resolved.id)
               const fetchHandler = getFetchHandlerExport(mod)
               // expose original request url to server handler.
@@ -566,7 +595,11 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
         // by eagerly transforming new module on "rsc" environment.
         if (this.environment.name === 'rsc') {
           for (const mod of ctx.modules) {
-            if (mod.type === 'js' && mod.id && mod.id in manager.clientReferenceMetaMap) {
+            if (
+              mod.type === 'js' &&
+              mod.id &&
+              mod.id in manager.clientReferenceMetaMap
+            ) {
               try {
                 await this.environment.transformRequest(mod.url)
               } catch {}
@@ -600,7 +633,10 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
             // (NOTE: this is not necessary since Vite 7.1.0-beta.0 https://github.com/vitejs/vite/pull/20391 )
             if (ctx.modules.length === 1) {
               const importers = [...ctx.modules[0]!.importers]
-              if (importers.length > 0 && importers.every((m) => m.id && isCSSRequest(m.id))) {
+              if (
+                importers.length > 0 &&
+                importers.every((m) => m.id && isCSSRequest(m.id))
+              ) {
                 return []
               }
             }
@@ -689,7 +725,10 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
           const argCode = code.slice(argStart, argEnd).trim()
           const [environmentName, entryName] = evalValue(`[${argCode}]`)
           let replacement: string
-          if (this.environment.mode === 'dev' && rscPluginOptions.loadModuleDevProxy) {
+          if (
+            this.environment.mode === 'dev' &&
+            rscPluginOptions.loadModuleDevProxy
+          ) {
             replacement = `import("virtual:vite-rsc/rpc-client").then((module) => module.createRpcClient(${JSON.stringify({ environmentName, entryName })}))`
           } else if (this.environment.mode === 'dev') {
             const environment = server.environments[environmentName]!
@@ -718,11 +757,17 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
         if (!code.includes('__vite_rsc_load_module')) return
         const { config } = manager
         const s = new MagicString(code)
-        for (const match of code.matchAll(/['"]__vite_rsc_load_module:(\w+):(\w+):(\w+)['"]/dg)) {
+        for (const match of code.matchAll(
+          /['"]__vite_rsc_load_module:(\w+):(\w+):(\w+)['"]/dg,
+        )) {
           const [fromEnv, toEnv, entryName] = match.slice(1)
           const importPath = normalizeRelativePath(
             path.relative(
-              path.join(config.environments[fromEnv!]!.build.outDir, chunk.fileName, '..'),
+              path.join(
+                config.environments[fromEnv!]!.build.outDir,
+                chunk.fileName,
+                '..',
+              ),
               path.join(
                 config.environments[toEnv!]!.build.outDir,
                 // TODO: this breaks when custom entyFileNames
@@ -748,13 +793,21 @@ export default function vitePluginRsc(rscPluginOptions: RscPluginOptions = {}):
         if (!rscPluginOptions.loadModuleDevProxy) return
 
         async function createHandler(url: URL) {
-          const { environmentName, entryName } = Object.fromEntries(url.searchParams)
+          const { environmentName, entryName } = Object.fromEntries(
+            url.searchParams,
+          )
           assert(environmentName)
           assert(entryName)
-          const environment = server.environments[environmentName] as RunnableDevEnvironment
+          const environment = server.environments[
+            environmentName
+          ] as RunnableDevEnvironment
           const source = getEntrySource(environment.config, entryName)
-          const resolvedEntry = await environment.pluginContainer.resolveId(source)
-          assert(resolvedEntry, `[vite-rsc] failed to resolve entry '${source}'`)
+          const resolvedEntry =
+            await environment.pluginContainer.resolveId(source)
+          assert(
+            resolvedEntry,
+            `[vite-rsc] failed to resolve entry '${source}'`,
+          )
           const runnerProxy = new Proxy(
             {},
             {
@@ -827,7 +880,10 @@ export function createRpcClient(params) {
         if (id === '\0virtual:vite-rsc/assets-manifest') {
           assert(this.environment.name !== 'client')
           assert(this.environment.mode === 'dev')
-          const entryUrl = assetsURL('@id/__x00__' + VIRTUAL_ENTRIES.browser, manager)
+          const entryUrl = assetsURL(
+            '@id/__x00__' + VIRTUAL_ENTRIES.browser,
+            manager,
+          )
           const manifest: AssetsManifest = {
             bootstrapScriptContent: `import(${serializeValueWithRuntime(entryUrl)})`,
             clientReferenceDeps: {},
@@ -843,7 +899,8 @@ export function createRpcClient(params) {
         }
 
         if (this.environment.name === 'client') {
-          const filterAssets = rscPluginOptions.copyServerAssetsToClient ?? (() => true)
+          const filterAssets =
+            rscPluginOptions.copyServerAssetsToClient ?? (() => true)
           const rscBuildOptions = manager.config.environments.rsc!.build
           const rscViteManifest =
             typeof rscBuildOptions.manifest === 'string'
@@ -862,7 +919,9 @@ export function createRpcClient(params) {
 
           const serverResources: Record<string, AssetDeps> = {}
           const rscAssetDeps = collectAssetDeps(manager.rscBundle)
-          for (const [id, meta] of Object.entries(manager.serverResourcesMetaMap)) {
+          for (const [id, meta] of Object.entries(
+            manager.serverResourcesMetaMap,
+          )) {
             serverResources[meta.key] = assetsURLOfDeps(
               {
                 js: [],
@@ -873,7 +932,9 @@ export function createRpcClient(params) {
           }
 
           const assetDeps = collectAssetDeps(bundle)
-          const entry = Object.values(assetDeps).find((v) => v.chunk.name === 'index')
+          const entry = Object.values(assetDeps).find(
+            (v) => v.chunk.name === 'index',
+          )
           assert(entry)
           const entryUrl = assetsURL(entry.chunk.fileName, manager)
           const clientReferenceDeps: Record<string, AssetDeps> = {}
@@ -907,9 +968,15 @@ export function createRpcClient(params) {
         if (code.includes('virtual:vite-rsc/assets-manifest')) {
           assert(this.environment.name !== 'client')
           const replacement = normalizeRelativePath(
-            path.relative(path.join(chunk.fileName, '..'), BUILD_ASSETS_MANIFEST_NAME),
+            path.relative(
+              path.join(chunk.fileName, '..'),
+              BUILD_ASSETS_MANIFEST_NAME,
+            ),
+          )
+          code = code.replaceAll(
+            'virtual:vite-rsc/assets-manifest',
+            () => replacement,
           )
-          code = code.replaceAll('virtual:vite-rsc/assets-manifest', () => replacement)
           return { code }
         }
         return
@@ -927,7 +994,9 @@ export default assetsManifest.bootstrapScriptContent;
       async transform(code) {
         if (
           !code.includes('loadBootstrapScriptContent') ||
-          !/import\s*\.\s*meta\s*\.\s*viteRsc\s*\.\s*loadBootstrapScriptContent/.test(code)
+          !/import\s*\.\s*meta\s*\.\s*viteRsc\s*\.\s*loadBootstrapScriptContent/.test(
+            code,
+          )
         ) {
           return
         }
@@ -962,27 +1031,29 @@ export default assetsManifest.bootstrapScriptContent;
         }
       },
     },
-    createVirtualPlugin(VIRTUAL_ENTRIES.browser.slice('virtual:'.length), async function () {
-      assert(this.environment.mode === 'dev')
-      let code = ''
-      // enable hmr only when react plugin is available
-      const resolved = await this.resolve('/@react-refresh')
-      if (resolved) {
-        code += `
+    createVirtualPlugin(
+      VIRTUAL_ENTRIES.browser.slice('virtual:'.length),
+      async function () {
+        assert(this.environment.mode === 'dev')
+        let code = ''
+        // enable hmr only when react plugin is available
+        const resolved = await this.resolve('/@react-refresh')
+        if (resolved) {
+          code += `
 import RefreshRuntime from "/@react-refresh";
 RefreshRuntime.injectIntoGlobalHook(window);
 window.$RefreshReg$ = () => {};
 window.$RefreshSig$ = () => (type) => type;
 window.__vite_plugin_react_preamble_installed__ = true;
 `
-      }
-      const source = getEntrySource(this.environment.config, 'index')
-      const resolvedEntry = await this.resolve(source)
-      assert(resolvedEntry, `[vite-rsc] failed to resolve entry '${source}'`)
-      code += `await import(${JSON.stringify(resolvedEntry.id)});`
-      // server css is normally removed via `RemoveDuplicateServerCss` on useEffect.
-      // this also makes sure they are removed on hmr in case initial rendering failed.
-      code += /* js */ `
+        }
+        const source = getEntrySource(this.environment.config, 'index')
+        const resolvedEntry = await this.resolve(source)
+        assert(resolvedEntry, `[vite-rsc] failed to resolve entry '${source}'`)
+        code += `await import(${JSON.stringify(resolvedEntry.id)});`
+        // server css is normally removed via `RemoveDuplicateServerCss` on useEffect.
+        // this also makes sure they are removed on hmr in case initial rendering failed.
+        code += /* js */ `
 const ssrCss = document.querySelectorAll("link[rel='stylesheet']");
 import.meta.hot.on("vite:beforeUpdate", () => {
   ssrCss.forEach(node => {
@@ -992,24 +1063,27 @@ import.meta.hot.on("vite:beforeUpdate", () => {
   });
 });
 `
-      // close error overlay after syntax error is fixed and hmr is triggered.
-      // https://github.com/vitejs/vite/blob/8033e5bf8d3ff43995d0620490ed8739c59171dd/packages/vite/src/client/client.ts#L318-L320
-      code += `
+        // close error overlay after syntax error is fixed and hmr is triggered.
+        // https://github.com/vitejs/vite/blob/8033e5bf8d3ff43995d0620490ed8739c59171dd/packages/vite/src/client/client.ts#L318-L320
+        code += `
 import.meta.hot.on("rsc:update", () => {
   document.querySelectorAll("vite-error-overlay").forEach((n) => n.close())
 });
 `
-      // remove stylesheet links when css import is removed on rsc envrionment
-      code += `import.meta.hot.on("rsc:prune", ${(e: vite.PrunePayload) => {
-        const nodes = document.querySelectorAll<HTMLLinkElement>("link[rel='stylesheet']")
-        nodes.forEach((node) => {
-          if (e.paths.includes(node.dataset.rscCssHref!)) {
-            node.remove()
-          }
-        })
-      }});`
-      return code
-    }),
+        // remove stylesheet links when css import is removed on rsc envrionment
+        code += `import.meta.hot.on("rsc:prune", ${(e: vite.PrunePayload) => {
+          const nodes = document.querySelectorAll<HTMLLinkElement>(
+            "link[rel='stylesheet']",
+          )
+          nodes.forEach((node) => {
+            if (e.paths.includes(node.dataset.rscCssHref!)) {
+              node.remove()
+            }
+          })
+        }});`
+        return code
+      },
+    ),
     ...vitePluginRscMinimal(rscPluginOptions, manager),
     ...vitePluginFindSourceMapURL(),
     ...vitePluginRscCss(rscPluginOptions, manager),
@@ -1032,7 +1106,8 @@ function globalAsyncLocalStoragePlugin(): Plugin[] {
       transform: {
         handler(code) {
           if (
-            (this.environment.name === 'ssr' || this.environment.name === 'rsc') &&
+            (this.environment.name === 'ssr' ||
+              this.environment.name === 'rsc') &&
             code.includes('typeof AsyncLocalStorage') &&
             code.includes('new AsyncLocalStorage()') &&
             !code.includes('__viteRscAsyncHooks')
@@ -1065,12 +1140,16 @@ function vitePluginUseClient(
   const bareImportRE = /^(?![a-zA-Z]:)[\w@](?!.*:\/\/)/
 
   const serverEnvironmentName = useClientPluginOptions.environment?.rsc ?? 'rsc'
-  const browserEnvironmentName = useClientPluginOptions.environment?.browser ?? 'client'
+  const browserEnvironmentName =
+    useClientPluginOptions.environment?.browser ?? 'client'
 
   let optimizerMetadata: CustomOptimizerMetadata | undefined
 
   // TODO: warning for late optimizer discovery
-  function warnInoncistentClientOptimization(ctx: Rollup.TransformPluginContext, id: string) {
+  function warnInoncistentClientOptimization(
+    ctx: Rollup.TransformPluginContext,
+    id: string,
+  ) {
     // path in metafile is relative to cwd
     // https://github.com/vitejs/vite/blob/dd96c2cd831ecba3874458b318ad4f0a7f173736/packages/vite/src/node/optimizer/index.ts#L644
     id = normalizePath(path.relative(process.cwd(), id))
@@ -1113,7 +1192,11 @@ function vitePluginUseClient(
         let importId: string
         let referenceKey: string
         const packageSource = packageSources.get(id)
-        if (!packageSource && this.environment.mode === 'dev' && id.includes('/node_modules/')) {
+        if (
+          !packageSource &&
+          this.environment.mode === 'dev' &&
+          id.includes('/node_modules/')
+        ) {
           // If non package source reached here (often with ?v=... query), this is a client boundary
           // created by a package imported on server environment, which breaks the
           // expectation on dependency optimizer on browser. Directly copying over
@@ -1147,7 +1230,10 @@ function vitePluginUseClient(
           }
         }
 
-        const transformDirectiveProxyExport_ = withRollupError(this, transformDirectiveProxyExport)
+        const transformDirectiveProxyExport_ = withRollupError(
+          this,
+          transformDirectiveProxyExport,
+        )
         const result = transformDirectiveProxyExport_(ast, {
           directive: 'use client',
           code,
@@ -1222,7 +1308,9 @@ function vitePluginUseClient(
             meta.groupChunkId = `\0virtual:vite-rsc/client-references/group/${name}`
           }
           debug('client-reference-groups', manager.clientReferenceGroups)
-          for (const [name, metas] of Object.entries(manager.clientReferenceGroups)) {
+          for (const [name, metas] of Object.entries(
+            manager.clientReferenceGroups,
+          )) {
             const groupVirtual = `virtual:vite-rsc/client-references/group/${name}`
             for (const meta of metas) {
               code += `\
@@ -1238,7 +1326,9 @@ function vitePluginUseClient(
         }
         // re-export client reference modules from each group
         if (id.startsWith('\0virtual:vite-rsc/client-references/group/')) {
-          const name = id.slice('\0virtual:vite-rsc/client-references/group/'.length)
+          const name = id.slice(
+            '\0virtual:vite-rsc/client-references/group/'.length,
+          )
           const metas = manager.clientReferenceGroups[name]
           assert(metas, `unknown client reference group: ${name}`)
           let code = ``
@@ -1260,11 +1350,15 @@ function vitePluginUseClient(
     {
       name: 'rsc:virtual-client-in-server-package',
       async load(id) {
-        if (id.startsWith('\0virtual:vite-rsc/client-in-server-package-proxy/')) {
+        if (
+          id.startsWith('\0virtual:vite-rsc/client-in-server-package-proxy/')
+        ) {
           assert.equal(this.environment.mode, 'dev')
           assert(this.environment.name !== serverEnvironmentName)
           id = decodeURIComponent(
-            id.slice('\0virtual:vite-rsc/client-in-server-package-proxy/'.length),
+            id.slice(
+              '\0virtual:vite-rsc/client-in-server-package-proxy/'.length,
+            ),
           )
           // TODO: avoid `export default undefined`
           return `
@@ -1296,7 +1390,9 @@ function vitePluginUseClient(
       async load(id) {
         if (id.startsWith('\0virtual:vite-rsc/client-package-proxy/')) {
           assert(this.environment.mode === 'dev')
-          const source = id.slice('\0virtual:vite-rsc/client-package-proxy/'.length)
+          const source = id.slice(
+            '\0virtual:vite-rsc/client-package-proxy/'.length,
+          )
           const meta = Object.values(manager.clientReferenceMetaMap).find(
             (v) => v.packageSource === source,
           )!
@@ -1326,9 +1422,12 @@ function vitePluginUseClient(
               // which should have a stable and understandle name.
               let serverChunk: string
               if (chunk.facadeModuleId) {
-                serverChunk = 'facade:' + manager.toRelativeId(chunk.facadeModuleId)
+                serverChunk =
+                  'facade:' + manager.toRelativeId(chunk.facadeModuleId)
               } else {
-                serverChunk = 'shared:' + manager.toRelativeId(metas.map(([id]) => id).sort()[0]!)
+                serverChunk =
+                  'shared:' +
+                  manager.toRelativeId(metas.map(([id]) => id).sort()[0]!)
               }
               for (const [id, meta] of metas) {
                 const mod = chunk.modules[id]
@@ -1389,10 +1488,15 @@ function customOptimizerMetadataPlugin({
       name: 'vite-rsc-metafile',
       writeBundle(options) {
         assert(options.dir)
-        const ids = [...this.getModuleIds()].map((id) => path.relative(process.cwd(), id))
+        const ids = [...this.getModuleIds()].map((id) =>
+          path.relative(process.cwd(), id),
+        )
         const metadata: CustomOptimizerMetadata = { ids }
         setMetadata(metadata)
-        fs.writeFileSync(path.join(options.dir!, MEATADATA_FILE), JSON.stringify(metadata, null, 2))
+        fs.writeFileSync(
+          path.join(options.dir!, MEATADATA_FILE),
+          JSON.stringify(metadata, null, 2),
+        )
       },
     }
   }
@@ -1438,7 +1542,10 @@ function customOptimizerMetadataPlugin({
 }
 
 function vitePluginDefineEncryptionKey(
-  useServerPluginOptions: Pick<RscPluginOptions, 'defineEncryptionKey' | 'environment'>,
+  useServerPluginOptions: Pick<
+    RscPluginOptions,
+    'defineEncryptionKey' | 'environment'
+  >,
 ): Plugin[] {
   let defineEncryptionKey: string
   let emitEncryptionKey = false
@@ -1485,7 +1592,10 @@ function vitePluginDefineEncryptionKey(
         }
       },
       writeBundle() {
-        if (this.environment.name === serverEnvironmentName && emitEncryptionKey) {
+        if (
+          this.environment.name === serverEnvironmentName &&
+          emitEncryptionKey
+        ) {
           fs.writeFileSync(
             path.join(this.environment.config.build.outDir, KEY_FILE),
             `export default ${defineEncryptionKey};\n`,
@@ -1497,11 +1607,15 @@ function vitePluginDefineEncryptionKey(
 }
 
 function vitePluginUseServer(
-  useServerPluginOptions: Pick<RscPluginOptions, 'enableActionEncryption' | 'environment'>,
+  useServerPluginOptions: Pick<
+    RscPluginOptions,
+    'enableActionEncryption' | 'environment'
+  >,
   manager: RscPluginManager,
 ): Plugin[] {
   const serverEnvironmentName = useServerPluginOptions.environment?.rsc ?? 'rsc'
-  const browserEnvironmentName = useServerPluginOptions.environment?.browser ?? 'client'
+  const browserEnvironmentName =
+    useServerPluginOptions.environment?.browser ?? 'client'
 
   const debug = createDebug('vite-rsc:use-server')
 
@@ -1518,7 +1632,10 @@ function vitePluginUseServer(
         let normalizedId_: string | undefined
         const getNormalizedId = () => {
           if (!normalizedId_) {
-            if (this.environment.mode === 'dev' && id.includes('/node_modules/')) {
+            if (
+              this.environment.mode === 'dev' &&
+              id.includes('/node_modules/')
+            ) {
               // similar situation as `use client` (see `virtual:client-in-server-package-proxy`)
               // but module runner has additional resolution step and it's not strict about
               // module identity of `import(id)` like browser, so we simply strip queries such as `?v=`.
@@ -1540,8 +1657,12 @@ function vitePluginUseServer(
         }
 
         if (this.environment.name === serverEnvironmentName) {
-          const transformServerActionServer_ = withRollupError(this, transformServerActionServer)
-          const enableEncryption = useServerPluginOptions.enableActionEncryption ?? true
+          const transformServerActionServer_ = withRollupError(
+            this,
+            transformServerActionServer,
+          )
+          const enableEncryption =
+            useServerPluginOptions.enableActionEncryption ?? true
           const result = transformServerActionServer_(code, ast, {
             runtime: (value, name) =>
               `$$ReactServer.registerServerReference(${value}, ${JSON.stringify(
@@ -1549,10 +1670,12 @@ function vitePluginUseServer(
               )}, ${JSON.stringify(name)})`,
             rejectNonAsyncFunction: true,
             encode: enableEncryption
-              ? (value) => `__vite_rsc_encryption_runtime.encryptActionBoundArgs(${value})`
+              ? (value) =>
+                  `__vite_rsc_encryption_runtime.encryptActionBoundArgs(${value})`
               : undefined,
             decode: enableEncryption
-              ? (value) => `await __vite_rsc_encryption_runtime.decryptActionBoundArgs(${value})`
+              ? (value) =>
+                  `await __vite_rsc_encryption_runtime.decryptActionBoundArgs(${value})`
               : undefined,
           })
           const output = result.output
@@ -1568,7 +1691,9 @@ function vitePluginUseServer(
           const importSource = resolvePackage(`${PKG_NAME}/react/rsc`)
           output.prepend(`import * as $$ReactServer from "${importSource}";\n`)
           if (enableEncryption) {
-            const importSource = resolvePackage(`${PKG_NAME}/utils/encryption-runtime`)
+            const importSource = resolvePackage(
+              `${PKG_NAME}/utils/encryption-runtime`,
+            )
             output.prepend(
               `import * as __vite_rsc_encryption_runtime from ${JSON.stringify(importSource)};\n`,
             )
@@ -1593,7 +1718,9 @@ function vitePluginUseServer(
               `${JSON.stringify(getNormalizedId() + '#' + name)},` +
               `$$ReactClient.callServer, ` +
               `undefined, ` +
-              (this.environment.mode === 'dev' ? `$$ReactClient.findSourceMapURL,` : 'undefined,') +
+              (this.environment.mode === 'dev'
+                ? `$$ReactClient.findSourceMapURL,`
+                : 'undefined,') +
               `${JSON.stringify(name)})`,
             directive: 'use server',
             rejectNonAsyncFunction: true,
@@ -1606,7 +1733,8 @@ function vitePluginUseServer(
             referenceKey: getNormalizedId(),
             exportNames: result.exportNames,
           }
-          const name = this.environment.name === browserEnvironmentName ? 'browser' : 'ssr'
+          const name =
+            this.environment.name === browserEnvironmentName ? 'browser' : 'ssr'
           const importSource = resolvePackage(`${PKG_NAME}/react/${name}`)
           output.prepend(`import * as $$ReactClient from "${importSource}";\n`)
           return {
@@ -1672,7 +1800,10 @@ function serializeValueWithRuntime(value: any) {
 
 function assetsURL(url: string, manager: RscPluginManager) {
   const { config } = manager
-  if (config.command === 'build' && typeof config.experimental?.renderBuiltUrl === 'function') {
+  if (
+    config.command === 'build' &&
+    typeof config.experimental?.renderBuiltUrl === 'function'
+  ) {
     // https://github.com/vitejs/vite/blob/bdde0f9e5077ca1a21a04eefc30abad055047226/packages/vite/src/node/build.ts#L1369
     const result = config.experimental.renderBuiltUrl(url, {
       type: 'asset',
@@ -1685,7 +1816,10 @@ function assetsURL(url: string, manager: RscPluginManager) {
       if (result.runtime) {
         return new RuntimeAsset(result.runtime)
       }
-      assert(!result.relative, '"result.relative" not supported on renderBuiltUrl() for RSC')
+      assert(
+        !result.relative,
+        '"result.relative" not supported on renderBuiltUrl() for RSC',
+      )
     } else if (result) {
       return result satisfies string
     }
@@ -1748,7 +1882,10 @@ function collectAssetDeps(bundle: Rollup.OutputBundle) {
       chunkToDeps.set(chunk, collectAssetDepsInner(chunk.fileName, bundle))
     }
   }
-  const idToDeps: Record<string, { chunk: Rollup.OutputChunk; deps: ResolvedAssetDeps }> = {}
+  const idToDeps: Record<
+    string,
+    { chunk: Rollup.OutputChunk; deps: ResolvedAssetDeps }
+  > = {}
   for (const [chunk, deps] of chunkToDeps.entries()) {
     for (const id of chunk.moduleIds) {
       idToDeps[id] = { chunk, deps }
@@ -1757,7 +1894,10 @@ function collectAssetDeps(bundle: Rollup.OutputBundle) {
   return idToDeps
 }
 
-function collectAssetDepsInner(fileName: string, bundle: Rollup.OutputBundle): ResolvedAssetDeps {
+function collectAssetDepsInner(
+  fileName: string,
+  bundle: Rollup.OutputBundle,
+): ResolvedAssetDeps {
   const visited = new Set<string>()
   const css: string[] = []
 
@@ -1827,7 +1967,9 @@ function vitePluginRscCss(
     recurse(entryId)
 
     // this doesn't include ?t= query so that RSC <link /> won't keep adding styles.
-    const hrefs = [...cssIds].map((id) => normalizeViteImportAnalysisUrl(environment, id))
+    const hrefs = [...cssIds].map((id) =>
+      normalizeViteImportAnalysisUrl(environment, id),
+    )
     return { ids: [...cssIds], hrefs, visitedFiles: [...visitedFiles] }
   }
 
@@ -1870,7 +2012,8 @@ function vitePluginRscCss(
     return (_name: string, meta) =>
       !!(
         (meta.isFunction && meta.declName && /^[A-Z]/.test(meta.declName)) ||
-        (meta.defaultExportIdentifierName && /^[A-Z]/.test(meta.defaultExportIdentifierName))
+        (meta.defaultExportIdentifierName &&
+          /^[A-Z]/.test(meta.defaultExportIdentifierName))
       )
   }
 
@@ -1930,7 +2073,8 @@ function vitePluginRscCss(
         if (parsed?.type === 'ssr') {
           id = parsed.id
           const { server } = manager
-          const mod = await server.environments.ssr.moduleGraph.getModuleByUrl(id)
+          const mod =
+            await server.environments.ssr.moduleGraph.getModuleByUrl(id)
           if (!mod?.id || !mod?.file) {
             return `export default []`
           }
@@ -1939,7 +2083,9 @@ function vitePluginRscCss(
           for (const file of [mod.file, ...result.visitedFiles]) {
             this.addWatchFile(file)
           }
-          const hrefs = result.hrefs.map((href) => assetsURL(href.slice(1), manager))
+          const hrefs = result.hrefs.map((href) =>
+            assetsURL(href.slice(1), manager),
+          )
           return `export default ${serializeValueWithRuntime(hrefs)}`
         }
       },
@@ -1982,7 +2128,9 @@ function vitePluginRscCss(
             if (resolved) {
               importer = resolved.id
             } else {
-              this.warn(`[vite-rsc] failed to transform 'import.meta.viteRsc.loadCss(${argCode})'`)
+              this.warn(
+                `[vite-rsc] failed to transform 'import.meta.viteRsc.loadCss(${argCode})'`,
+              )
               output.update(start, end, `null`)
               continue
             }
@@ -1999,7 +2147,10 @@ function vitePluginRscCss(
             })`
           } else {
             const hash = hashString(importId)
-            if (!importAdded && !code.includes(`__vite_rsc_importer_resources_${hash}`)) {
+            if (
+              !importAdded &&
+              !code.includes(`__vite_rsc_importer_resources_${hash}`)
+            ) {
               importAdded = true
               output.prepend(
                 `import * as __vite_rsc_importer_resources_${hash} from ${JSON.stringify(
@@ -2035,7 +2186,10 @@ function vitePluginRscCss(
             }
             const cssHrefs = result.hrefs.map((href) => href.slice(1))
             const deps = assetsURLOfDeps({ css: cssHrefs, js: [] }, manager)
-            return generateResourcesCode(serializeValueWithRuntime(deps), manager)
+            return generateResourcesCode(
+              serializeValueWithRuntime(deps),
+              manager,
+            )
           } else {
             const key = manager.toRelativeId(importer)
             manager.serverResourcesMetaMap[importer] = { key }
@@ -2050,21 +2204,25 @@ function vitePluginRscCss(
         }
       },
     },
-    createVirtualPlugin('vite-rsc/remove-duplicate-server-css', async function () {
-      // Remove duplicate css during dev due to server rendered <link> and client inline <style>
-      // https://github.com/remix-run/react-router/blob/166fd940e7d5df9ed005ca68e12de53b1d88324a/packages/react-router/lib/dom-export/hydrated-router.tsx#L245-L274
-      assert.equal(this.environment.mode, 'dev')
-      function removeFn() {
-        document.querySelectorAll("link[rel='stylesheet']").forEach((node) => {
-          if (
-            node instanceof HTMLElement &&
-            node.dataset.precedence?.startsWith('vite-rsc/client-reference')
-          ) {
-            node.remove()
-          }
-        })
-      }
-      return `\
+    createVirtualPlugin(
+      'vite-rsc/remove-duplicate-server-css',
+      async function () {
+        // Remove duplicate css during dev due to server rendered <link> and client inline <style>
+        // https://github.com/remix-run/react-router/blob/166fd940e7d5df9ed005ca68e12de53b1d88324a/packages/react-router/lib/dom-export/hydrated-router.tsx#L245-L274
+        assert.equal(this.environment.mode, 'dev')
+        function removeFn() {
+          document
+            .querySelectorAll("link[rel='stylesheet']")
+            .forEach((node) => {
+              if (
+                node instanceof HTMLElement &&
+                node.dataset.precedence?.startsWith('vite-rsc/client-reference')
+              ) {
+                node.remove()
+              }
+            })
+        }
+        return `\
 "use client"
 import React from "react";
 export default function RemoveDuplicateServerCss() {
@@ -2074,7 +2232,8 @@ export default function RemoveDuplicateServerCss() {
   return null;
 }
 `
-    }),
+      },
+    ),
   ]
 }
 
diff --git a/packages/plugin-rsc/src/plugins/cjs.ts b/packages/plugin-rsc/src/plugins/cjs.ts
index 6c18396e5..f19cd2325 100644
--- a/packages/plugin-rsc/src/plugins/cjs.ts
+++ b/packages/plugin-rsc/src/plugins/cjs.ts
@@ -1,10 +1,11 @@
+import { createDebug } from '@hiogawa/utils'
+import * as esModuleLexer from 'es-module-lexer'
+import fs from 'node:fs'
+import path from 'node:path'
 import { parseAstAsync, type Plugin } from 'vite'
 import { findClosestPkgJsonPath } from 'vitefu'
-import path from 'node:path'
-import fs from 'node:fs'
-import * as esModuleLexer from 'es-module-lexer'
+
 import { transformCjsToEsm } from '../transforms/cjs'
-import { createDebug } from '@hiogawa/utils'
 import { parseIdQuery } from './shared'
 
 const debug = createDebug('vite-rsc:cjs')
@@ -31,7 +32,9 @@ export function cjsModuleRunnerPlugin(): Plugin[] {
           if (id.endsWith('.js')) {
             const pkgJsonPath = await findClosestPkgJsonPath(path.dirname(id))
             if (pkgJsonPath) {
-              const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath, 'utf-8')) as { type?: string }
+              const pkgJson = JSON.parse(
+                fs.readFileSync(pkgJsonPath, 'utf-8'),
+              ) as { type?: string }
               if (pkgJson.type === 'module') return
             }
           }
@@ -43,7 +46,9 @@ export function cjsModuleRunnerPlugin(): Plugin[] {
           // warning once per package
           const packageKey = extractPackageKey(id)
           if (!warnedPackages.has(packageKey)) {
-            debug(`non-optimized CJS dependency in '${this.environment.name}' environment: ${id}`)
+            debug(
+              `non-optimized CJS dependency in '${this.environment.name}' environment: ${id}`,
+            )
             warnedPackages.add(packageKey)
           }
 
diff --git a/packages/plugin-rsc/src/plugins/find-source-map-url.ts b/packages/plugin-rsc/src/plugins/find-source-map-url.ts
index b627f1756..502187e32 100644
--- a/packages/plugin-rsc/src/plugins/find-source-map-url.ts
+++ b/packages/plugin-rsc/src/plugins/find-source-map-url.ts
@@ -1,6 +1,7 @@
-import { fileURLToPath } from 'node:url'
 import type { EnvironmentModuleNode, Plugin, ViteDevServer } from 'vite'
+
 import fs from 'node:fs'
+import { fileURLToPath } from 'node:url'
 
 //
 // support findSourceMapURL
@@ -20,7 +21,11 @@ export function vitePluginFindSourceMapURL(): Plugin[] {
             let filename = url.searchParams.get('filename')!
             let environmentName = url.searchParams.get('environmentName')!
             try {
-              const map = await findSourceMapURL(server, filename, environmentName)
+              const map = await findSourceMapURL(
+                server,
+                filename,
+                environmentName,
+              )
               res.setHeader('content-type', 'application/json')
               if (!map) res.statusCode = 404
               res.end(JSON.stringify(map ?? {}))
@@ -59,7 +64,9 @@ async function findSourceMapURL(
 
   // server component stack, replace log, `registerServerReference`, etc...
   let mod: EnvironmentModuleNode | undefined
-  let map: NonNullable<EnvironmentModuleNode['transformResult']>['map'] | undefined
+  let map:
+    | NonNullable<EnvironmentModuleNode['transformResult']>['map']
+    | undefined
   if (environmentName === 'Server') {
     mod = server.environments.rsc!.moduleGraph.getModuleById(filename)
     // React extracts stacktrace via resetting `prepareStackTrace` on the server
diff --git a/packages/plugin-rsc/src/plugins/scan.test.ts b/packages/plugin-rsc/src/plugins/scan.test.ts
index f56737329..0decac400 100644
--- a/packages/plugin-rsc/src/plugins/scan.test.ts
+++ b/packages/plugin-rsc/src/plugins/scan.test.ts
@@ -1,4 +1,5 @@
 import { describe, expect, it } from 'vitest'
+
 import { transformScanBuildStrip } from './scan'
 
 describe(transformScanBuildStrip, () => {
diff --git a/packages/plugin-rsc/src/plugins/scan.ts b/packages/plugin-rsc/src/plugins/scan.ts
index b334489aa..e3b311a30 100644
--- a/packages/plugin-rsc/src/plugins/scan.ts
+++ b/packages/plugin-rsc/src/plugins/scan.ts
@@ -1,11 +1,16 @@
 import * as esModuleLexer from 'es-module-lexer'
-import { parseAstAsync, type Plugin } from 'vite'
 import { walk } from 'estree-walker'
+import { parseAstAsync, type Plugin } from 'vite'
+
 import type { RscPluginManager } from '../plugin'
 
 // During scan build, we strip all code but imports to
 // traverse module graph faster and just discover client/server references.
-export function scanBuildStripPlugin({ manager }: { manager: RscPluginManager }): Plugin {
+export function scanBuildStripPlugin({
+  manager,
+}: {
+  manager: RscPluginManager
+}): Plugin {
   return {
     name: 'rsc:scan-strip',
     apply: 'build',
diff --git a/packages/plugin-rsc/src/plugins/utils.ts b/packages/plugin-rsc/src/plugins/utils.ts
index a2235ff6c..42dfe42d1 100644
--- a/packages/plugin-rsc/src/plugins/utils.ts
+++ b/packages/plugin-rsc/src/plugins/utils.ts
@@ -1,9 +1,16 @@
 import assert from 'node:assert'
 import { createHash } from 'node:crypto'
-import { normalizePath, type Plugin, type ResolvedConfig, type Rollup } from 'vite'
+import {
+  normalizePath,
+  type Plugin,
+  type ResolvedConfig,
+  type Rollup,
+} from 'vite'
 
 export function sortObject<T extends object>(o: T) {
-  return Object.fromEntries(Object.entries(o).sort(([a], [b]) => a.localeCompare(b))) as T
+  return Object.fromEntries(
+    Object.entries(o).sort(([a], [b]) => a.localeCompare(b)),
+  ) as T
 }
 
 // Rethrow transform error through `this.error` with `error.pos`
@@ -30,7 +37,10 @@ export function withRollupError<F extends (...args: any[]) => any>(
   } as F
 }
 
-export function createVirtualPlugin(name: string, load: Plugin['load']): Plugin {
+export function createVirtualPlugin(
+  name: string,
+  load: Plugin['load'],
+): Plugin {
   name = 'virtual:' + name
   return {
     name: `rsc:virtual-${name}`,
diff --git a/packages/plugin-rsc/src/plugins/validate-import.ts b/packages/plugin-rsc/src/plugins/validate-import.ts
index 2f34f83da..8fb29cc31 100644
--- a/packages/plugin-rsc/src/plugins/validate-import.ts
+++ b/packages/plugin-rsc/src/plugins/validate-import.ts
@@ -1,6 +1,7 @@
-import path from 'node:path'
 import type { DevEnvironment, Plugin, Rollup } from 'vite'
 
+import path from 'node:path'
+
 // https://github.com/vercel/next.js/blob/90f564d376153fe0b5808eab7b83665ee5e08aaf/packages/next/src/build/webpack-config.ts#L1249-L1280
 // https://github.com/pcattori/vite-env-only/blob/68a0cc8546b9a37c181c0b0a025eb9b62dbedd09/src/deny-imports.ts
 // https://github.com/sveltejs/kit/blob/84298477a014ec471839adf7a4448d91bc7949e4/packages/kit/src/exports/vite/index.js#L513
@@ -52,7 +53,11 @@ export function validateImportPlugin(): Plugin {
         if (this.environment.mode === 'dev') {
           if (id.startsWith(`\0virtual:vite-rsc/validate-imports/invalid/`)) {
             const chain = getImportChainDev(this.environment, id)
-            validateImportChain(chain, this.environment.name, this.environment.config.root)
+            validateImportChain(
+              chain,
+              this.environment.name,
+              this.environment.config.root,
+            )
           }
         }
       },
@@ -65,12 +70,20 @@ export function validateImportPlugin(): Plugin {
           this,
           '\0virtual:vite-rsc/validate-imports/invalid/server-only',
         )
-        validateImportChain(serverOnly, this.environment.name, this.environment.config.root)
+        validateImportChain(
+          serverOnly,
+          this.environment.name,
+          this.environment.config.root,
+        )
         const clientOnly = getImportChainBuild(
           this,
           '\0virtual:vite-rsc/validate-imports/invalid/client-only',
         )
-        validateImportChain(clientOnly, this.environment.name, this.environment.config.root)
+        validateImportChain(
+          clientOnly,
+          this.environment.name,
+          this.environment.config.root,
+        )
       }
     },
   }
@@ -108,7 +121,11 @@ function getImportChainBuild(ctx: Rollup.PluginContext, id: string): string[] {
   return chain
 }
 
-function validateImportChain(chain: string[], environmentName: string, root: string) {
+function validateImportChain(
+  chain: string[],
+  environmentName: string,
+  root: string,
+) {
   if (chain.length === 0) return
   const id = chain[0]!
   const source = id.slice(id.lastIndexOf('/') + 1)
@@ -118,7 +135,8 @@ function validateImportChain(chain: string[], environmentName: string, root: str
     .slice(1, 6)
     .map(
       (id, i) =>
-        ' '.repeat(i + 1) + `imported by ${path.relative(root, id).replaceAll('\0', '')}\n`,
+        ' '.repeat(i + 1) +
+        `imported by ${path.relative(root, id).replaceAll('\0', '')}\n`,
     )
     .join('')
   if (chain.length > 6) {
diff --git a/packages/plugin-rsc/src/plugins/vite-utils.ts b/packages/plugin-rsc/src/plugins/vite-utils.ts
index 9f0ccd37c..c14e7a0b7 100644
--- a/packages/plugin-rsc/src/plugins/vite-utils.ts
+++ b/packages/plugin-rsc/src/plugins/vite-utils.ts
@@ -1,8 +1,9 @@
+import type { DevEnvironment, ErrorPayload, Rollup } from 'vite'
+
 // misc utilities copied from vite
 
 import fs from 'node:fs'
 import path from 'node:path'
-import type { DevEnvironment, ErrorPayload, Rollup } from 'vite'
 import { stripVTControlCharacters as strip } from 'node:util'
 
 export const VALID_ID_PREFIX = `/@id/`
@@ -110,7 +111,10 @@ export function normalizeResolvedIdToUrl(
   return url
 }
 
-export function normalizeViteImportAnalysisUrl(environment: DevEnvironment, id: string): string {
+export function normalizeViteImportAnalysisUrl(
+  environment: DevEnvironment,
+  id: string,
+): string {
   let url = normalizeResolvedIdToUrl(environment, id, { id })
 
   // https://github.com/vitejs/vite/blob/c18ce868c4d70873406e9f7d1b2d0a03264d2168/packages/vite/src/node/plugins/importAnalysis.ts#L416
diff --git a/packages/plugin-rsc/src/react/browser.ts b/packages/plugin-rsc/src/react/browser.ts
index 062c514d6..7598241dc 100644
--- a/packages/plugin-rsc/src/react/browser.ts
+++ b/packages/plugin-rsc/src/react/browser.ts
@@ -1,5 +1,6 @@
 // @ts-ignore
 import * as ReactClient from '@vitejs/plugin-rsc/vendor/react-server-dom/client.browser'
+
 import type { CallServerCallback } from '../types'
 
 export { setRequireModule } from '../core/browser'
@@ -26,10 +27,13 @@ export function createFromFetch<T>(
   })
 }
 
-export const encodeReply: (v: unknown[], options?: unknown) => Promise<string | FormData> =
-  ReactClient.encodeReply
+export const encodeReply: (
+  v: unknown[],
+  options?: unknown,
+) => Promise<string | FormData> = ReactClient.encodeReply
 
-export const createServerReference: (...args: any[]) => unknown = ReactClient.createServerReference
+export const createServerReference: (...args: any[]) => unknown =
+  ReactClient.createServerReference
 
 // use global instead of local variable  to tolerate duplicate modules
 // e.g. when `setServerCallback` is pre-bundled but `createServerReference` is not
@@ -44,9 +48,13 @@ export function setServerCallback(fn: CallServerCallback): void {
 
 export type { CallServerCallback }
 
-export const createTemporaryReferenceSet: () => unknown = ReactClient.createTemporaryReferenceSet
+export const createTemporaryReferenceSet: () => unknown =
+  ReactClient.createTemporaryReferenceSet
 
-export function findSourceMapURL(filename: string, environmentName: string): string | null {
+export function findSourceMapURL(
+  filename: string,
+  environmentName: string,
+): string | null {
   // TODO: respect config.server.origin and config.base?
   const url = new URL('/__vite_rsc_findSourceMapURL', window.location.origin)
   url.searchParams.set('filename', filename)
diff --git a/packages/plugin-rsc/src/react/rsc.ts b/packages/plugin-rsc/src/react/rsc.ts
index 20db8b899..5bd1859b7 100644
--- a/packages/plugin-rsc/src/react/rsc.ts
+++ b/packages/plugin-rsc/src/react/rsc.ts
@@ -1,8 +1,10 @@
+import type { ReactFormState } from 'react-dom/client'
+
 // @ts-ignore
 import * as ReactClient from '@vitejs/plugin-rsc/vendor/react-server-dom/client.edge'
 // @ts-ignore
 import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge'
-import type { ReactFormState } from 'react-dom/client'
+
 import {
   createClientManifest,
   createServerDecodeClientManifest,
@@ -11,8 +13,15 @@ import {
 
 export { loadServerAction, setRequireModule } from '../core/rsc'
 
-export function renderToReadableStream<T>(data: T, options?: object): ReadableStream<Uint8Array> {
-  return ReactServer.renderToReadableStream(data, createClientManifest(), options)
+export function renderToReadableStream<T>(
+  data: T,
+  options?: object,
+): ReadableStream<Uint8Array> {
+  return ReactServer.renderToReadableStream(
+    data,
+    createClientManifest(),
+    options,
+  )
 }
 
 export function createFromReadableStream<T>(
@@ -30,14 +39,24 @@ export function createFromReadableStream<T>(
   })
 }
 
-export function registerClientReference<T>(proxy: T, id: string, name: string): T {
+export function registerClientReference<T>(
+  proxy: T,
+  id: string,
+  name: string,
+): T {
   return ReactServer.registerClientReference(proxy, id, name)
 }
 
-export const registerServerReference: <T>(ref: T, id: string, name: string) => T =
-  ReactServer.registerServerReference
+export const registerServerReference: <T>(
+  ref: T,
+  id: string,
+  name: string,
+) => T = ReactServer.registerServerReference
 
-export function decodeReply(body: string | FormData, options?: unknown): Promise<unknown[]> {
+export function decodeReply(
+  body: string | FormData,
+  options?: unknown,
+): Promise<unknown[]> {
   return ReactServer.decodeReply(body, createServerManifest(), options)
 }
 
@@ -52,10 +71,13 @@ export function decodeFormState(
   return ReactServer.decodeFormState(actionResult, body, createServerManifest())
 }
 
-export const createTemporaryReferenceSet: () => unknown = ReactServer.createTemporaryReferenceSet
+export const createTemporaryReferenceSet: () => unknown =
+  ReactServer.createTemporaryReferenceSet
 
-export const encodeReply: (v: unknown[], options?: unknown) => Promise<string | FormData> =
-  ReactClient.encodeReply
+export const encodeReply: (
+  v: unknown[],
+  options?: unknown,
+) => Promise<string | FormData> = ReactClient.encodeReply
 
 export const createClientTemporaryReferenceSet: () => unknown =
   ReactClient.createTemporaryReferenceSet
diff --git a/packages/plugin-rsc/src/react/ssr.ts b/packages/plugin-rsc/src/react/ssr.ts
index caa325750..fad9331cf 100644
--- a/packages/plugin-rsc/src/react/ssr.ts
+++ b/packages/plugin-rsc/src/react/ssr.ts
@@ -1,5 +1,6 @@
 // @ts-ignore
 import * as ReactClient from '@vitejs/plugin-rsc/vendor/react-server-dom/client.edge'
+
 import { createServerConsumerManifest } from '../core/ssr'
 
 export { setRequireModule } from '../core/ssr'
diff --git a/packages/plugin-rsc/src/rsc.tsx b/packages/plugin-rsc/src/rsc.tsx
index cc284f2d6..2f4b427f2 100644
--- a/packages/plugin-rsc/src/rsc.tsx
+++ b/packages/plugin-rsc/src/rsc.tsx
@@ -1,9 +1,17 @@
 import serverReferences from 'virtual:vite-rsc/server-references'
+
 import { setRequireModule } from './core/rsc'
 
-export { createClientManifest, createServerManifest, loadServerAction } from './core/rsc'
+export {
+  createClientManifest,
+  createServerManifest,
+  loadServerAction,
+} from './core/rsc'
 
-export { encryptActionBoundArgs, decryptActionBoundArgs } from './utils/encryption-runtime'
+export {
+  encryptActionBoundArgs,
+  decryptActionBoundArgs,
+} from './utils/encryption-runtime'
 
 export * from './react/rsc'
 
diff --git a/packages/plugin-rsc/src/ssr.tsx b/packages/plugin-rsc/src/ssr.tsx
index b03e7327e..4c357a388 100644
--- a/packages/plugin-rsc/src/ssr.tsx
+++ b/packages/plugin-rsc/src/ssr.tsx
@@ -1,8 +1,10 @@
+import * as ReactDOM from 'react-dom'
 import assetsManifest from 'virtual:vite-rsc/assets-manifest'
 import * as clientReferences from 'virtual:vite-rsc/client-references'
-import * as ReactDOM from 'react-dom'
-import { setRequireModule } from './core/ssr'
+
 import type { ResolvedAssetDeps } from './plugin'
+
+import { setRequireModule } from './core/ssr'
 import { toCssVirtual } from './plugins/shared'
 
 export { createServerConsumerManifest } from './core/ssr'
diff --git a/packages/plugin-rsc/src/transforms/cjs.test.ts b/packages/plugin-rsc/src/transforms/cjs.test.ts
index d14d29fd8..a5db62fc6 100644
--- a/packages/plugin-rsc/src/transforms/cjs.test.ts
+++ b/packages/plugin-rsc/src/transforms/cjs.test.ts
@@ -1,8 +1,9 @@
+import path from 'node:path'
 import { createServer, createServerModuleRunner, parseAstAsync } from 'vite'
 import { describe, expect, it } from 'vitest'
-import { debugSourceMap } from './test-utils'
+
 import { transformCjsToEsm } from './cjs'
-import path from 'node:path'
+import { debugSourceMap } from './test-utils'
 
 describe(transformCjsToEsm, () => {
   async function testTransform(input: string) {
diff --git a/packages/plugin-rsc/src/transforms/cjs.ts b/packages/plugin-rsc/src/transforms/cjs.ts
index 5a1f884f3..a8e3ffdba 100644
--- a/packages/plugin-rsc/src/transforms/cjs.ts
+++ b/packages/plugin-rsc/src/transforms/cjs.ts
@@ -1,9 +1,10 @@
 import type { Program, Node } from 'estree'
-import MagicString from 'magic-string'
-import { analyze } from 'periscopic'
+
 import { walk } from 'estree-walker'
-import { fileURLToPath, pathToFileURL } from 'node:url'
+import MagicString from 'magic-string'
 import path from 'node:path'
+import { fileURLToPath, pathToFileURL } from 'node:url'
+import { analyze } from 'periscopic'
 
 // TODO:
 // replacing require("xxx") into import("xxx") affects Vite's resolution.
@@ -53,13 +54,22 @@ export function transformCjsToEsm(
         if (isTopLevel) {
           // top-level scope `require` to dynamic import with interop
           // (this allows handling react development/production re-export within top-level if branch)
-          output.update(node.start, node.callee.end, '(__cjs_interop__(await import')
+          output.update(
+            node.start,
+            node.callee.end,
+            '(__cjs_interop__(await import',
+          )
           output.appendRight(node.end, '))')
         } else {
           // hoist non top-level `require` to top-level
           const hoisted = `__cjs_to_esm_hoist_${hoistIndex}`
-          const importee = code.slice(node.arguments[0]!.start, node.arguments[0]!.end)
-          hoistedCodes.push(`const ${hoisted} = __cjs_interop__(await import(${importee}));\n`)
+          const importee = code.slice(
+            node.arguments[0]!.start,
+            node.arguments[0]!.end,
+          )
+          hoistedCodes.push(
+            `const ${hoisted} = __cjs_interop__(await import(${importee}));\n`,
+          )
           output.update(node.start, node.end, hoisted)
           hoistIndex++
         }
diff --git a/packages/plugin-rsc/src/transforms/fixtures/cjs/entry.mjs b/packages/plugin-rsc/src/transforms/fixtures/cjs/entry.mjs
index 63c854c5a..191b45b89 100644
--- a/packages/plugin-rsc/src/transforms/fixtures/cjs/entry.mjs
+++ b/packages/plugin-rsc/src/transforms/fixtures/cjs/entry.mjs
@@ -1,11 +1,11 @@
 import depDefault from './dep1.cjs'
 import * as depNamespace from './dep2.cjs'
-import depFn from './function.cjs'
-import depPrimitive from './primitive.cjs'
+import dualLib from './dual-lib.cjs'
 import depExports from './exports.cjs'
 import depFnRequire from './function-require.cjs'
-import dualLib from './dual-lib.cjs'
+import depFn from './function.cjs'
 import cjsGlobals from './globals.cjs'
+import depPrimitive from './primitive.cjs'
 export {
   depDefault,
   depNamespace,
diff --git a/packages/plugin-rsc/src/transforms/hoist.test.ts b/packages/plugin-rsc/src/transforms/hoist.test.ts
index b78d46236..df10a350c 100644
--- a/packages/plugin-rsc/src/transforms/hoist.test.ts
+++ b/packages/plugin-rsc/src/transforms/hoist.test.ts
@@ -1,5 +1,6 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, it } from 'vitest'
+
 import { transformHoistInlineDirective } from './hoist'
 import { debugSourceMap } from './test-utils'
 
@@ -34,7 +35,8 @@ describe(transformHoistInlineDirective, () => {
   async function testTransformNames(input: string) {
     const ast = await parseAstAsync(input)
     const result = transformHoistInlineDirective(input, ast, {
-      runtime: (value, name) => `$$register(${value}, "<id>", ${JSON.stringify(name)})`,
+      runtime: (value, name) =>
+        `$$register(${value}, "<id>", ${JSON.stringify(name)})`,
       directive: 'use server',
     })
     return result.names
@@ -106,7 +108,9 @@ export default function w() {
     `)
 
     // nothing to encode
-    expect(await testTransform(input, { encode: true })).toBe(await testTransform(input))
+    expect(await testTransform(input, { encode: true })).toBe(
+      await testTransform(input),
+    )
 
     expect(await testTransformNames(input)).toMatchInlineSnapshot(`
       [
diff --git a/packages/plugin-rsc/src/transforms/hoist.ts b/packages/plugin-rsc/src/transforms/hoist.ts
index 26d09120c..6c1444f91 100644
--- a/packages/plugin-rsc/src/transforms/hoist.ts
+++ b/packages/plugin-rsc/src/transforms/hoist.ts
@@ -1,5 +1,6 @@
-import { tinyassert } from '@hiogawa/utils'
 import type { Program, Literal } from 'estree'
+
+import { tinyassert } from '@hiogawa/utils'
 import { walk } from 'estree-walker'
 import MagicString from 'magic-string'
 import { analyze } from 'periscopic'
@@ -12,7 +13,11 @@ export function transformHoistInlineDirective(
     rejectNonAsyncFunction,
     ...options
   }: {
-    runtime: (value: string, name: string, meta: { directiveMatch: RegExpMatchArray }) => string
+    runtime: (
+      value: string,
+      name: string,
+      meta: { directiveMatch: RegExpMatchArray },
+    ) => string
     directive: string | RegExp
     rejectNonAsyncFunction?: boolean
     encode?: (value: string) => string
@@ -29,7 +34,9 @@ export function transformHoistInlineDirective(
   }
   const output = new MagicString(input)
   const directive =
-    typeof options.directive === 'string' ? exactRegex(options.directive) : options.directive
+    typeof options.directive === 'string'
+      ? exactRegex(options.directive)
+      : options.directive
 
   // re-export somehow confuses periscopic scopes so remove them before analysis
   walk(ast, {
@@ -57,9 +64,12 @@ export function transformHoistInlineDirective(
         const match = matchDirective(node.body.body, directive)?.match
         if (!match) return
         if (!node.async && rejectNonAsyncFunction) {
-          throw Object.assign(new Error(`"${directive}" doesn't allow non async function`), {
-            pos: node.start,
-          })
+          throw Object.assign(
+            new Error(`"${directive}" doesn't allow non async function`),
+            {
+              pos: node.start,
+            },
+          )
         }
 
         const scope = analyzed.map.get(node)
@@ -81,9 +91,10 @@ export function transformHoistInlineDirective(
           const owner = scope.find_owner(ref)
           return owner && owner !== scope && owner !== analyzed.scope
         })
-        let newParams = [...bindVars, ...node.params.map((n) => input.slice(n.start, n.end))].join(
-          ', ',
-        )
+        let newParams = [
+          ...bindVars,
+          ...node.params.map((n) => input.slice(n.start, n.end)),
+        ].join(', ')
         if (bindVars.length > 0 && options.decode) {
           newParams = [
             '$$hoist_encoded',
@@ -96,7 +107,8 @@ export function transformHoistInlineDirective(
         }
 
         // append a new `FunctionDeclaration` at the end
-        const newName = `$$hoist_${names.length}` + (originalName ? `_${originalName}` : '')
+        const newName =
+          `$$hoist_${names.length}` + (originalName ? `_${originalName}` : '')
         names.push(newName)
         output.update(
           node.start,
diff --git a/packages/plugin-rsc/src/transforms/proxy-export.test.ts b/packages/plugin-rsc/src/transforms/proxy-export.test.ts
index 4be88ac00..3e4764d9d 100644
--- a/packages/plugin-rsc/src/transforms/proxy-export.test.ts
+++ b/packages/plugin-rsc/src/transforms/proxy-export.test.ts
@@ -1,5 +1,6 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
+
 import { transformProxyExport } from './proxy-export'
 import { debugSourceMap } from './test-utils'
 import { transformWrapExport } from './wrap-export'
diff --git a/packages/plugin-rsc/src/transforms/proxy-export.ts b/packages/plugin-rsc/src/transforms/proxy-export.ts
index a831a3c41..2b4741a20 100644
--- a/packages/plugin-rsc/src/transforms/proxy-export.ts
+++ b/packages/plugin-rsc/src/transforms/proxy-export.ts
@@ -1,7 +1,9 @@
-import { tinyassert } from '@hiogawa/utils'
 import type { Node, Program } from 'estree'
+
+import { tinyassert } from '@hiogawa/utils'
 import MagicString from 'magic-string'
 import { extract_names } from 'periscopic'
+
 import { hasDirective } from './utils'
 
 export type TransformProxyExportOptions = {
@@ -79,7 +81,8 @@ export function transformProxyExport(
            */
           validateNonAsyncFunction(
             node,
-            node.declaration.type === 'FunctionDeclaration' && node.declaration.async,
+            node.declaration.type === 'FunctionDeclaration' &&
+              node.declaration.async,
           )
           createExport(node, [node.declaration.id.name])
         } else if (node.declaration.type === 'VariableDeclaration') {
@@ -89,7 +92,9 @@ export function transformProxyExport(
           validateNonAsyncFunction(
             node,
             node.declaration.declarations.every(
-              (decl) => decl.init?.type === 'ArrowFunctionExpression' && decl.init.async,
+              (decl) =>
+                decl.init?.type === 'ArrowFunctionExpression' &&
+                decl.init.async,
             ),
           )
           if (options.keep && options.code) {
@@ -98,16 +103,21 @@ export function transformProxyExport(
               if (decl.id.type === 'Identifier' && decl.init) {
                 const name = decl.id.name
                 const value = options.code.slice(decl.init.start, decl.init.end)
-                const newCode = `export const ${name} = /* #__PURE__ */ ${options.runtime(name, {
-                  value,
-                })};`
+                const newCode = `export const ${name} = /* #__PURE__ */ ${options.runtime(
+                  name,
+                  {
+                    value,
+                  },
+                )};`
                 output.update(node.start, node.end, newCode)
                 exportNames.push(name)
                 continue
               }
             }
           }
-          const names = node.declaration.declarations.flatMap((decl) => extract_names(decl.id))
+          const names = node.declaration.declarations.flatMap((decl) =>
+            extract_names(decl.id),
+          )
           createExport(node, names)
         } else {
           node.declaration satisfies never
@@ -130,7 +140,10 @@ export function transformProxyExport(
     /**
      * export * from './foo'
      */
-    if (!options.ignoreExportAllDeclaration && node.type === 'ExportAllDeclaration') {
+    if (
+      !options.ignoreExportAllDeclaration &&
+      node.type === 'ExportAllDeclaration'
+    ) {
       throw new Error('unsupported ExportAllDeclaration')
     }
 
@@ -143,7 +156,8 @@ export function transformProxyExport(
       validateNonAsyncFunction(
         node,
         node.declaration.type === 'Identifier' ||
-          (node.declaration.type === 'FunctionDeclaration' && node.declaration.async),
+          (node.declaration.type === 'FunctionDeclaration' &&
+            node.declaration.async),
       )
       createExport(node, ['default'])
       continue
diff --git a/packages/plugin-rsc/src/transforms/server-action.ts b/packages/plugin-rsc/src/transforms/server-action.ts
index a7e3b83a1..cb4da13c2 100644
--- a/packages/plugin-rsc/src/transforms/server-action.ts
+++ b/packages/plugin-rsc/src/transforms/server-action.ts
@@ -1,5 +1,6 @@
 import type { Program } from 'estree'
 import type MagicString from 'magic-string'
+
 import { transformHoistInlineDirective } from './hoist'
 import { hasDirective } from './utils'
 import { transformWrapExport } from './wrap-export'
diff --git a/packages/plugin-rsc/src/transforms/test-utils.ts b/packages/plugin-rsc/src/transforms/test-utils.ts
index 31818b9a2..fd2c08852 100644
--- a/packages/plugin-rsc/src/transforms/test-utils.ts
+++ b/packages/plugin-rsc/src/transforms/test-utils.ts
@@ -1,7 +1,8 @@
-import { dirname } from 'path'
+import type MagicString from 'magic-string'
+
 import { hashString } from '@hiogawa/utils'
 import { mkdir, writeFile } from 'fs/promises'
-import type MagicString from 'magic-string'
+import { dirname } from 'path'
 
 export async function debugSourceMap(output: MagicString): Promise<void> {
   // load it directly to https://evanw.github.io/source-map-visualization
diff --git a/packages/plugin-rsc/src/transforms/utils.ts b/packages/plugin-rsc/src/transforms/utils.ts
index ba0ae2ee9..b81a319db 100644
--- a/packages/plugin-rsc/src/transforms/utils.ts
+++ b/packages/plugin-rsc/src/transforms/utils.ts
@@ -1,8 +1,12 @@
-import { tinyassert } from '@hiogawa/utils'
 import type { Program } from 'estree'
+
+import { tinyassert } from '@hiogawa/utils'
 import { extract_names } from 'periscopic'
 
-export function hasDirective(body: Program['body'], directive: string): boolean {
+export function hasDirective(
+  body: Program['body'],
+  directive: string,
+): boolean {
   return !!body.find(
     (stmt) =>
       stmt.type === 'ExpressionStatement' &&
@@ -58,7 +62,10 @@ export function getExportNames(
     /**
      * export * from './foo'
      */
-    if (!options.ignoreExportAllDeclaration && node.type === 'ExportAllDeclaration') {
+    if (
+      !options.ignoreExportAllDeclaration &&
+      node.type === 'ExportAllDeclaration'
+    ) {
       throw new Error('unsupported ExportAllDeclaration')
     }
 
diff --git a/packages/plugin-rsc/src/transforms/waku.test.ts b/packages/plugin-rsc/src/transforms/waku.test.ts
index 67a967bac..9b6687ee6 100644
--- a/packages/plugin-rsc/src/transforms/waku.test.ts
+++ b/packages/plugin-rsc/src/transforms/waku.test.ts
@@ -1,5 +1,6 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
+
 import { transformDirectiveProxyExport } from './proxy-export'
 import { transformServerActionServer } from './server-action'
 import { debugSourceMap } from './test-utils'
@@ -12,7 +13,8 @@ async function testDirectiveTransform(input: string, directive: string) {
   const result = transformDirectiveProxyExport(ast, {
     directive,
     code: input,
-    runtime: (name) => `$runtime(${JSON.stringify('<id>#' + name)}, ${JSON.stringify(name)})`,
+    runtime: (name) =>
+      `$runtime(${JSON.stringify('<id>#' + name)}, ${JSON.stringify(name)})`,
     keep: directive === 'use client',
   })
 
@@ -31,7 +33,8 @@ describe('internal transform function for server environment', () => {
   async function testTransform(input: string) {
     const ast = await parseAstAsync(input)
     const result = transformServerActionServer(input, ast, {
-      runtime: (value, name) => `$runtime(${value}, "<id>", ${JSON.stringify(name)})`,
+      runtime: (value, name) =>
+        `$runtime(${value}, "<id>", ${JSON.stringify(name)})`,
     })
 
     if (!('output' in result) || !result.output.hasChanged()) {
@@ -99,7 +102,8 @@ export default function App() {
   return "Hello World";
 }
 `
-    expect(await testDirectiveTransform(input, 'use client')).toMatchInlineSnapshot(`
+    expect(await testDirectiveTransform(input, 'use client'))
+      .toMatchInlineSnapshot(`
       "
       'use client';
 
@@ -495,7 +499,8 @@ export default async function log4(mesg) {
   console.log(mesg);
 }
 `
-    expect(await testDirectiveTransform(input, 'use server')).toMatchInlineSnapshot(`
+    expect(await testDirectiveTransform(input, 'use server'))
+      .toMatchInlineSnapshot(`
       "
 
 
@@ -528,7 +533,8 @@ export async function log(mesg) {
   console.log(mesg);
 }
 `
-    expect(await testDirectiveTransform(input, 'use server')).toMatchInlineSnapshot(`
+    expect(await testDirectiveTransform(input, 'use server'))
+      .toMatchInlineSnapshot(`
       "
 
 
diff --git a/packages/plugin-rsc/src/transforms/wrap-export.test.ts b/packages/plugin-rsc/src/transforms/wrap-export.test.ts
index b600b9429..6f42d98f4 100644
--- a/packages/plugin-rsc/src/transforms/wrap-export.test.ts
+++ b/packages/plugin-rsc/src/transforms/wrap-export.test.ts
@@ -1,12 +1,20 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
+
 import { debugSourceMap } from './test-utils'
-import { type TransformWrapExportOptions, transformWrapExport } from './wrap-export'
+import {
+  type TransformWrapExportOptions,
+  transformWrapExport,
+} from './wrap-export'
 
-async function testTransform(input: string, options?: Omit<TransformWrapExportOptions, 'runtime'>) {
+async function testTransform(
+  input: string,
+  options?: Omit<TransformWrapExportOptions, 'runtime'>,
+) {
   const ast = await parseAstAsync(input)
   const { output } = transformWrapExport(input, ast, {
-    runtime: (value, name) => `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
+    runtime: (value, name) =>
+      `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
     ignoreExportAllDeclaration: true,
     ...options,
   })
@@ -19,7 +27,8 @@ async function testTransform(input: string, options?: Omit<TransformWrapExportOp
 async function testTransformNames(input: string) {
   const ast = await parseAstAsync(input)
   const result = transformWrapExport(input, ast, {
-    runtime: (value, name) => `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
+    runtime: (value, name) =>
+      `$$wrap(${value}, "<id>", ${JSON.stringify(name)})`,
     ignoreExportAllDeclaration: true,
   })
   return result.exportNames
diff --git a/packages/plugin-rsc/src/transforms/wrap-export.ts b/packages/plugin-rsc/src/transforms/wrap-export.ts
index d2a60795e..c7dd4ff27 100644
--- a/packages/plugin-rsc/src/transforms/wrap-export.ts
+++ b/packages/plugin-rsc/src/transforms/wrap-export.ts
@@ -1,5 +1,6 @@
-import { tinyassert } from '@hiogawa/utils'
 import type { Node, Program } from 'estree'
+
+import { tinyassert } from '@hiogawa/utils'
 import MagicString from 'magic-string'
 import { extract_names } from 'periscopic'
 
@@ -9,7 +10,10 @@ type ExportMeta = {
   defaultExportIdentifierName?: string
 }
 
-export type TransformWrapExportFilter = (name: string, meta: ExportMeta) => boolean
+export type TransformWrapExportFilter = (
+  name: string,
+  meta: ExportMeta,
+) => boolean
 
 export type TransformWrapExportOptions = {
   runtime: (value: string, name: string, meta: ExportMeta) => string
@@ -31,7 +35,11 @@ export function transformWrapExport(
   const toAppend: string[] = []
   const filter = options.filter ?? (() => true)
 
-  function wrapSimple(start: number, end: number, exports: { name: string; meta: ExportMeta }[]) {
+  function wrapSimple(
+    start: number,
+    end: number,
+    exports: { name: string; meta: ExportMeta }[],
+  ) {
     exportNames.push(...exports.map((e) => e.name))
     // update code and move to preserve `registerServerReference` position
     // e.g.
@@ -109,9 +117,15 @@ export function transformWrapExport(
             }
           }
           if (node.declaration.kind === 'const') {
-            output.update(node.declaration.start, node.declaration.start + 5, 'let')
+            output.update(
+              node.declaration.start,
+              node.declaration.start + 5,
+              'let',
+            )
           }
-          const names = node.declaration.declarations.flatMap((decl) => extract_names(decl.id))
+          const names = node.declaration.declarations.flatMap((decl) =>
+            extract_names(decl.id),
+          )
           // treat only simple single decl as function
           let isFunction = false
           if (node.declaration.declarations.length === 1) {
@@ -142,7 +156,9 @@ export function transformWrapExport(
             tinyassert(spec.local.type === 'Identifier')
             tinyassert(spec.exported.type === 'Identifier')
             const name = spec.local.name
-            toAppend.push(`import { ${name} as $$import_${name} } from ${node.source.raw}`)
+            toAppend.push(
+              `import { ${name} as $$import_${name} } from ${node.source.raw}`,
+            )
             wrapExport(`$$import_${name}`, spec.exported.name)
           }
         } else {
@@ -165,7 +181,10 @@ export function transformWrapExport(
     // vue sfc uses ExportAllDeclaration to re-export setup script.
     // for now we just give an option to not throw for this case.
     // https://github.com/vitejs/vite-plugin-vue/blob/30a97c1ddbdfb0e23b7dc14a1d2fb609668b9987/packages/plugin-vue/src/main.ts#L372
-    if (!options.ignoreExportAllDeclaration && node.type === 'ExportAllDeclaration') {
+    if (
+      !options.ignoreExportAllDeclaration &&
+      node.type === 'ExportAllDeclaration'
+    ) {
       throw Object.assign(new Error('unsupported ExportAllDeclaration'), {
         pos: node.start,
       })
diff --git a/packages/plugin-rsc/src/types/virtual.d.ts b/packages/plugin-rsc/src/types/virtual.d.ts
index a12c3f7db..eb2108382 100644
--- a/packages/plugin-rsc/src/types/virtual.d.ts
+++ b/packages/plugin-rsc/src/types/virtual.d.ts
@@ -6,7 +6,9 @@ declare module 'virtual:vite-rsc/assets-manifest' {
 declare module 'virtual:vite-rsc/client-references' {
   const default_: Record<string, () => Promise<unknown>>
   export default default_
-  export const assetDeps: Record<string, import('./plugin').AssetDeps> | undefined
+  export const assetDeps:
+    | Record<string, import('./plugin').AssetDeps>
+    | undefined
 }
 
 declare module 'virtual:vite-rsc/server-references' {
diff --git a/packages/plugin-rsc/src/utils/encryption-runtime.ts b/packages/plugin-rsc/src/utils/encryption-runtime.ts
index c08327a4d..8cc09b91d 100644
--- a/packages/plugin-rsc/src/utils/encryption-runtime.ts
+++ b/packages/plugin-rsc/src/utils/encryption-runtime.ts
@@ -1,5 +1,6 @@
-import encryptionKeySource from 'virtual:vite-rsc/encryption-key'
 import { once } from '@hiogawa/utils'
+import encryptionKeySource from 'virtual:vite-rsc/encryption-key'
+
 import { createFromReadableStream, renderToReadableStream } from '../react/rsc'
 import {
   arrayToStream,
@@ -14,16 +15,24 @@ import {
 // https://github.com/vercel/next.js/blob/c10c10daf9e95346c31c24dc49d6b7cda48b5bc8/packages/next/src/server/app-render/encryption.ts
 // https://github.com/vercel/next.js/pull/56377
 
-export async function encryptActionBoundArgs(originalValue: unknown): Promise<string> {
+export async function encryptActionBoundArgs(
+  originalValue: unknown,
+): Promise<string> {
   const serialized = renderToReadableStream(originalValue)
   const serializedBuffer = await concatArrayStream(serialized)
-  return encryptBuffer(serializedBuffer as BufferSource, await getEncryptionKey())
+  return encryptBuffer(
+    serializedBuffer as BufferSource,
+    await getEncryptionKey(),
+  )
 }
 
 export async function decryptActionBoundArgs(
   encrypted: ReturnType<typeof encryptActionBoundArgs>,
 ): Promise<unknown> {
-  const serializedBuffer = await decryptBuffer(await encrypted, await getEncryptionKey())
+  const serializedBuffer = await decryptBuffer(
+    await encrypted,
+    await getEncryptionKey(),
+  )
   const serialized = arrayToStream(new Uint8Array(serializedBuffer))
   return createFromReadableStream(serialized)
 }
diff --git a/packages/plugin-rsc/src/utils/encryption-utils.ts b/packages/plugin-rsc/src/utils/encryption-utils.ts
index a02be03c3..34ca2a379 100644
--- a/packages/plugin-rsc/src/utils/encryption-utils.ts
+++ b/packages/plugin-rsc/src/utils/encryption-utils.ts
@@ -37,7 +37,9 @@ function concatArray(chunks: Uint8Array[]): Uint8Array {
   return result
 }
 
-export async function concatArrayStream(stream: ReadableStream<Uint8Array>): Promise<Uint8Array> {
+export async function concatArrayStream(
+  stream: ReadableStream<Uint8Array>,
+): Promise<Uint8Array> {
   const chunks: Uint8Array[] = []
   await stream.pipeTo(
     new WritableStream({
@@ -79,7 +81,10 @@ export async function generateEncryptionKey(): Promise<Uint8Array> {
   return new Uint8Array(exported)
 }
 
-export async function encryptBuffer(data: BufferSource, key: CryptoKey): Promise<string> {
+export async function encryptBuffer(
+  data: BufferSource,
+  key: CryptoKey,
+): Promise<string> {
   const iv = crypto.getRandomValues(new Uint8Array(16))
   const encrypted = await crypto.subtle.encrypt(
     {
@@ -92,7 +97,10 @@ export async function encryptBuffer(data: BufferSource, key: CryptoKey): Promise
   return toBase64(concatArray([iv, new Uint8Array(encrypted)]))
 }
 
-export async function decryptBuffer(encryptedString: string, key: CryptoKey): Promise<ArrayBuffer> {
+export async function decryptBuffer(
+  encryptedString: string,
+  key: CryptoKey,
+): Promise<ArrayBuffer> {
   const concatenated = fromBase64(encryptedString)
   const iv = concatenated.slice(0, 16)
   const encrypted = concatenated.slice(16)
diff --git a/packages/plugin-rsc/src/utils/rpc.ts b/packages/plugin-rsc/src/utils/rpc.ts
index 9ec3c400d..483b9a2e7 100644
--- a/packages/plugin-rsc/src/utils/rpc.ts
+++ b/packages/plugin-rsc/src/utils/rpc.ts
@@ -20,7 +20,9 @@ export function createRpcServer<T extends object>(handlers: T) {
     )
     const handler = (handlers as any)[reqPayload.method]
     if (!handler) {
-      throw new Error(`loadModuleDevProxy error: unknown method ${reqPayload.method}`)
+      throw new Error(
+        `loadModuleDevProxy error: unknown method ${reqPayload.method}`,
+      )
     }
     const resPayload: ResponsePayload = { ok: true, data: undefined }
     try {
@@ -47,9 +49,13 @@ export function createRpcClient<T>(options: { endpoint: string }): T {
       duplex: 'half',
     })
     if (!res.ok || !res.body) {
-      throw new Error(`loadModuleDevProxy error: ${res.status} ${res.statusText}`)
+      throw new Error(
+        `loadModuleDevProxy error: ${res.status} ${res.statusText}`,
+      )
     }
-    const resPayload = await decode<ResponsePayload>(res.body.pipeThrough(new TextDecoderStream()))
+    const resPayload = await decode<ResponsePayload>(
+      res.body.pipeThrough(new TextDecoderStream()),
+    )
     if (!resPayload.ok) {
       throw resPayload.data
     }
diff --git a/packages/plugin-rsc/tsdown.config.ts b/packages/plugin-rsc/tsdown.config.ts
index eed9bc520..c4422db95 100644
--- a/packages/plugin-rsc/tsdown.config.ts
+++ b/packages/plugin-rsc/tsdown.config.ts
@@ -32,10 +32,14 @@ export default defineConfig({
       buildStart() {
         fs.rmSync('./dist/vendor/', { recursive: true, force: true })
         fs.mkdirSync('./dist/vendor', { recursive: true })
-        fs.cpSync('./node_modules/react-server-dom-webpack', './dist/vendor/react-server-dom', {
-          recursive: true,
-          dereference: true,
-        })
+        fs.cpSync(
+          './node_modules/react-server-dom-webpack',
+          './dist/vendor/react-server-dom',
+          {
+            recursive: true,
+            dereference: true,
+          },
+        )
         fs.rmSync('./dist/vendor/react-server-dom/node_modules', {
           recursive: true,
           force: true,
diff --git a/playground/class-components/__tests__/class-components.spec.ts b/playground/class-components/__tests__/class-components.spec.ts
index 40ebb517c..8ebb42c84 100644
--- a/playground/class-components/__tests__/class-components.spec.ts
+++ b/playground/class-components/__tests__/class-components.spec.ts
@@ -8,11 +8,21 @@ test('should render', async () => {
 if (isServe) {
   test('Class component HMR', async () => {
     editFile('src/App.tsx', (code) => code.replace('World', 'class components'))
-    await untilBrowserLogAfter(() => page.textContent('span'), '[vite] hot updated: /src/App.tsx')
-    await expect.poll(() => page.textContent('span')).toMatch('Hello class components')
+    await untilBrowserLogAfter(
+      () => page.textContent('span'),
+      '[vite] hot updated: /src/App.tsx',
+    )
+    await expect
+      .poll(() => page.textContent('span'))
+      .toMatch('Hello class components')
 
     editFile('src/utils.tsx', (code) => code.replace('Hello', 'Hi'))
-    await untilBrowserLogAfter(() => page.textContent('span'), '[vite] hot updated: /src/App.tsx')
-    await expect.poll(() => page.textContent('span')).toMatch('Hi class components')
+    await untilBrowserLogAfter(
+      () => page.textContent('span'),
+      '[vite] hot updated: /src/App.tsx',
+    )
+    await expect
+      .poll(() => page.textContent('span'))
+      .toMatch('Hi class components')
   })
 }
diff --git a/playground/class-components/src/App.tsx b/playground/class-components/src/App.tsx
index 7340ce4a8..c0a448461 100644
--- a/playground/class-components/src/App.tsx
+++ b/playground/class-components/src/App.tsx
@@ -1,4 +1,5 @@
 import { Component } from 'react'
+
 import { getGetting } from './utils'
 
 export class App extends Component {
diff --git a/playground/class-components/src/index.tsx b/playground/class-components/src/index.tsx
index 607cf4b4e..5922f3e84 100644
--- a/playground/class-components/src/index.tsx
+++ b/playground/class-components/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/playground/class-components/vite.config.ts b/playground/class-components/vite.config.ts
index c9a13540c..2d8605e26 100644
--- a/playground/class-components/vite.config.ts
+++ b/playground/class-components/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   server: { port: 8908 /* Should be unique */ },
diff --git a/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts b/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts
index b3a477e8f..742b6f37a 100644
--- a/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts
+++ b/playground/compiler-react-18/__tests__/compiler-react-18.spec.ts
@@ -8,6 +8,8 @@ test('should render', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('src/App.tsx', (code) => code.replace('count is {count}', 'count is {count}!'))
+  editFile('src/App.tsx', (code) =>
+    code.replace('count is {count}', 'count is {count}!'),
+  )
   await expect.poll(() => page.textContent('button')).toMatch('count is 1!')
 })
diff --git a/playground/compiler-react-18/src/App.tsx b/playground/compiler-react-18/src/App.tsx
index 3655bf765..e64eb3fb1 100644
--- a/playground/compiler-react-18/src/App.tsx
+++ b/playground/compiler-react-18/src/App.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+
 import './App.css'
 
 export function App() {
@@ -8,12 +9,16 @@ export function App() {
     <>
       <h1>Vite + React 18 + compiler</h1>
       <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">Click on the Vite and React logos to learn more</p>
+      <p className="read-the-docs">
+        Click on the Vite and React logos to learn more
+      </p>
     </>
   )
 }
diff --git a/playground/compiler-react-18/src/main.tsx b/playground/compiler-react-18/src/main.tsx
index 813e3d764..2b16bc77f 100644
--- a/playground/compiler-react-18/src/main.tsx
+++ b/playground/compiler-react-18/src/main.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+
 import { App } from './App'
 import './index.css'
 
diff --git a/playground/compiler-react-18/vite.config.ts b/playground/compiler-react-18/vite.config.ts
index ec85482a1..08987b47a 100644
--- a/playground/compiler-react-18/vite.config.ts
+++ b/playground/compiler-react-18/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig(({ command }) => {
diff --git a/playground/compiler/__tests__/compiler.spec.ts b/playground/compiler/__tests__/compiler.spec.ts
index b7ec18bc7..0889e0bd4 100644
--- a/playground/compiler/__tests__/compiler.spec.ts
+++ b/playground/compiler/__tests__/compiler.spec.ts
@@ -9,6 +9,8 @@ test('should render', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('src/App.tsx', (code) => code.replace('count is {count}', 'count is {count}!'))
+  editFile('src/App.tsx', (code) =>
+    code.replace('count is {count}', 'count is {count}!'),
+  )
   await expect.poll(() => page.textContent('button')).toMatch('count is 1!')
 })
diff --git a/playground/compiler/src/App.tsx b/playground/compiler/src/App.tsx
index 034328d8d..946ce0366 100644
--- a/playground/compiler/src/App.tsx
+++ b/playground/compiler/src/App.tsx
@@ -1,4 +1,5 @@
 import { useState } from 'react'
+
 import './App.css'
 import { ClassComponent } from './ClassComponent'
 
@@ -9,12 +10,16 @@ export function App() {
     <>
       <h1>Vite + React Compiler</h1>
       <div className="card">
-        <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
+        <button onClick={() => setCount((count) => count + 1)}>
+          count is {count}
+        </button>
         <p>
           Edit <code>src/App.tsx</code> and save to test HMR
         </p>
       </div>
-      <p className="read-the-docs">Click on the Vite and React logos to learn more</p>
+      <p className="read-the-docs">
+        Click on the Vite and React logos to learn more
+      </p>
       <ClassComponent />
     </>
   )
diff --git a/playground/compiler/src/main.tsx b/playground/compiler/src/main.tsx
index 813e3d764..2b16bc77f 100644
--- a/playground/compiler/src/main.tsx
+++ b/playground/compiler/src/main.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+
 import { App } from './App'
 import './index.css'
 
diff --git a/playground/compiler/vite.config.ts b/playground/compiler/vite.config.ts
index a8bffc7a0..5593e05a5 100644
--- a/playground/compiler/vite.config.ts
+++ b/playground/compiler/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig(({ command }) => {
diff --git a/playground/hmr-false/src/App.tsx b/playground/hmr-false/src/App.tsx
index f3bb11962..367379e00 100644
--- a/playground/hmr-false/src/App.tsx
+++ b/playground/hmr-false/src/App.tsx
@@ -5,7 +5,9 @@ export default function App() {
 
   return (
     <>
-      <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
+      <button onClick={() => setCount((count) => count + 1)}>
+        count is {count}
+      </button>
     </>
   )
 }
diff --git a/playground/hmr-false/src/main.tsx b/playground/hmr-false/src/main.tsx
index 056386a7d..852be25a8 100644
--- a/playground/hmr-false/src/main.tsx
+++ b/playground/hmr-false/src/main.tsx
@@ -1,4 +1,5 @@
 import ReactDOM from 'react-dom/client'
+
 import App from './App.jsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts b/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts
index 80339a03f..a07c15092 100644
--- a/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts
+++ b/playground/hook-with-jsx/__tests__/hook-with-jsx.spec.ts
@@ -12,7 +12,10 @@ if (isServe) {
     editFile('src/useButtonHook.tsx', (code) =>
       code.replace('count is {count}', 'count is {count}!'),
     )
-    await untilBrowserLogAfter(() => page.textContent('button'), '[vite] hot updated: /src/App.tsx')
+    await untilBrowserLogAfter(
+      () => page.textContent('button'),
+      '[vite] hot updated: /src/App.tsx',
+    )
     await expect.poll(() => page.textContent('button')).toMatch('count is 1!')
   })
 }
diff --git a/playground/hook-with-jsx/src/index.tsx b/playground/hook-with-jsx/src/index.tsx
index 5e7046ce2..ef13e792b 100644
--- a/playground/hook-with-jsx/src/index.tsx
+++ b/playground/hook-with-jsx/src/index.tsx
@@ -1,5 +1,6 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
+
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/playground/hook-with-jsx/src/useButtonHook.tsx b/playground/hook-with-jsx/src/useButtonHook.tsx
index a0837e902..cae586690 100644
--- a/playground/hook-with-jsx/src/useButtonHook.tsx
+++ b/playground/hook-with-jsx/src/useButtonHook.tsx
@@ -2,5 +2,9 @@ import { useState } from 'react'
 
 export function useButtonHook() {
   const [count, setCount] = useState(0)
-  return <button onClick={() => setCount((count) => count + 1)}>count is {count}</button>
+  return (
+    <button onClick={() => setCount((count) => count + 1)}>
+      count is {count}
+    </button>
+  )
 }
diff --git a/playground/hook-with-jsx/vite.config.ts b/playground/hook-with-jsx/vite.config.ts
index 6e5b8e40a..3f6f653fd 100644
--- a/playground/hook-with-jsx/vite.config.ts
+++ b/playground/hook-with-jsx/vite.config.ts
@@ -1,5 +1,5 @@
-import { defineConfig } from 'vite'
 import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 export default defineConfig({
   server: { port: 8909 /* Should be unique */ },
diff --git a/playground/include-node-modules/App.jsx b/playground/include-node-modules/App.jsx
index fa85f7251..fb04124a6 100644
--- a/playground/include-node-modules/App.jsx
+++ b/playground/include-node-modules/App.jsx
@@ -4,7 +4,10 @@ function App() {
   return (
     <div>
       <h1>Node Modules Include Test</h1>
-      <p>This playground tests that files in node_modules are processed correctly.</p>
+      <p>
+        This playground tests that files in node_modules are processed
+        correctly.
+      </p>
 
       <p className="result">Result: {'' + test}</p>
     </div>
diff --git a/playground/include-node-modules/vite.config.ts b/playground/include-node-modules/vite.config.ts
index 28c3dd518..d7b6fd4b9 100644
--- a/playground/include-node-modules/vite.config.ts
+++ b/playground/include-node-modules/vite.config.ts
@@ -1,7 +1,8 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
 import type { PluginItem as BabelPlugin } from '@babel/core'
 
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
+
 export default defineConfig({
   plugins: [
     react({
diff --git a/playground/mdx/__tests__/mdx.spec.ts b/playground/mdx/__tests__/mdx.spec.ts
index 3f2a9559a..12a510613 100644
--- a/playground/mdx/__tests__/mdx.spec.ts
+++ b/playground/mdx/__tests__/mdx.spec.ts
@@ -14,7 +14,10 @@ test('.md extension should work', async () => {
 if (isServe) {
   test('should hmr', async () => {
     editFile('src/demo.mdx', (code) => code.replace('Vite + MDX', 'Updated'))
-    await untilBrowserLogAfter(() => page.textContent('h1'), '[vite] hot updated: /src/demo.mdx')
+    await untilBrowserLogAfter(
+      () => page.textContent('h1'),
+      '[vite] hot updated: /src/demo.mdx',
+    )
     await expect.poll(() => page.textContent('h1')).toMatch('Updated')
   })
 
diff --git a/playground/mdx/src/main.tsx b/playground/mdx/src/main.tsx
index 2d7788204..30b76ea1e 100644
--- a/playground/mdx/src/main.tsx
+++ b/playground/mdx/src/main.tsx
@@ -1,5 +1,6 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+
 import Demo from './demo.mdx'
 import Demo2 from './demo2.md'
 
diff --git a/playground/mdx/vite.config.ts b/playground/mdx/vite.config.ts
index 7bc628c3e..d2ef28345 100644
--- a/playground/mdx/vite.config.ts
+++ b/playground/mdx/vite.config.ts
@@ -1,9 +1,12 @@
-import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
 import mdx from '@mdx-js/rollup'
+import react from '@vitejs/plugin-react'
+import { defineConfig } from 'vite'
 
 // https://vite.dev/config/
 export default defineConfig({
   server: { port: 8901 /* Should be unique */ },
-  plugins: [{ enforce: 'pre', ...mdx() }, react({ include: /\.(mdx|md|ts|tsx)$/ })],
+  plugins: [
+    { enforce: 'pre', ...mdx() },
+    react({ include: /\.(mdx|md|ts|tsx)$/ }),
+  ],
 })
diff --git a/playground/react-classic/App.jsx b/playground/react-classic/App.jsx
index bdfa10de4..634928833 100644
--- a/playground/react-classic/App.jsx
+++ b/playground/react-classic/App.jsx
@@ -1,4 +1,5 @@
 import React, { useState } from 'react'
+
 import WithQuery from './components/WithQuery?qs-should-not-break-plugin-react'
 
 function App() {
@@ -8,7 +9,9 @@ function App() {
       <header className="App-header">
         <h1>Hello Vite + React</h1>
         <p>
-          <button onClick={() => setCount((count) => count + 1)}>count is: {count}</button>
+          <button onClick={() => setCount((count) => count + 1)}>
+            count is: {count}
+          </button>
         </p>
         <p>
           Edit <code>App.jsx</code> and save to test HMR updates.
diff --git a/playground/react-classic/__tests__/react.spec.ts b/playground/react-classic/__tests__/react.spec.ts
index fb3baf795..a172997a5 100644
--- a/playground/react-classic/__tests__/react.spec.ts
+++ b/playground/react-classic/__tests__/react.spec.ts
@@ -25,18 +25,27 @@ test.runIf(isServe)('should hmr files with queries', async () => {
   await page.click('#WithQuery-button')
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) => code.replace('With Query', 'With Query Updated'))
-  await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query Updated')
+  editFile('components/WithQuery.jsx', (code) =>
+    code.replace('With Query', 'With Query Updated'),
+  )
+  await expect
+    .poll(() => page.textContent('#WithQuery'))
+    .toBe('With Query Updated')
   // preserve state
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) => code.replace('With Query Updated', 'With Query'))
+  editFile('components/WithQuery.jsx', (code) =>
+    code.replace('With Query Updated', 'With Query'),
+  )
   await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query')
 })
 
-test.runIf(isServe)('should have annotated jsx with file location metadata', async () => {
-  const res = await page.request.get(viteTestUrl + '/App.jsx')
-  const code = await res.text()
-  expect(code).toMatch(/lineNumber:\s*\d+/)
-  expect(code).toMatch(/columnNumber:\s*\d+/)
-})
+test.runIf(isServe)(
+  'should have annotated jsx with file location metadata',
+  async () => {
+    const res = await page.request.get(viteTestUrl + '/App.jsx')
+    const code = await res.text()
+    expect(code).toMatch(/lineNumber:\s*\d+/)
+    expect(code).toMatch(/columnNumber:\s*\d+/)
+  },
+)
diff --git a/playground/react-classic/components/WithQuery.jsx b/playground/react-classic/components/WithQuery.jsx
index dde7511fd..7187dd074 100644
--- a/playground/react-classic/components/WithQuery.jsx
+++ b/playground/react-classic/components/WithQuery.jsx
@@ -5,7 +5,10 @@ export default function WithQuery() {
   return (
     <>
       <div id="WithQuery">With Query</div>
-      <button id="WithQuery-button" onClick={() => setCount((count) => count + 1)}>
+      <button
+        id="WithQuery-button"
+        onClick={() => setCount((count) => count + 1)}
+      >
         count is: {count}
       </button>
     </>
diff --git a/playground/react-classic/vite.config.ts b/playground/react-classic/vite.config.ts
index 530e397d8..8e4dde409 100644
--- a/playground/react-classic/vite.config.ts
+++ b/playground/react-classic/vite.config.ts
@@ -1,6 +1,7 @@
-import react from '@vitejs/plugin-react'
 import type { UserConfig } from 'vite'
 
+import react from '@vitejs/plugin-react'
+
 const config: UserConfig = {
   server: { port: 8903 /* Should be unique */ },
   plugins: [
diff --git a/playground/react-emotion/__tests__/react.spec.ts b/playground/react-emotion/__tests__/react.spec.ts
index a50298912..943a1c89c 100644
--- a/playground/react-emotion/__tests__/react.spec.ts
+++ b/playground/react-emotion/__tests__/react.spec.ts
@@ -2,7 +2,9 @@ import { expect, test } from 'vitest'
 import { editFile, getColor, isServe, page } from '~utils'
 
 test('should render', async () => {
-  expect(await page.textContent('h1')).toMatch('Hello Vite + React + @emotion/react')
+  expect(await page.textContent('h1')).toMatch(
+    'Hello Vite + React + @emotion/react',
+  )
 })
 
 test('should update', async () => {
@@ -12,10 +14,14 @@ test('should update', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('src/App.tsx', (code) => code.replace('Vite + React + @emotion/react', 'Updated'))
+  editFile('src/App.tsx', (code) =>
+    code.replace('Vite + React + @emotion/react', 'Updated'),
+  )
   await expect.poll(() => page.textContent('h1')).toMatch('Hello Updated')
 
-  editFile('src/Counter.tsx', (code) => code.replace('color: #646cff;', 'color: #d26ac2;'))
+  editFile('src/Counter.tsx', (code) =>
+    code.replace('color: #646cff;', 'color: #d26ac2;'),
+  )
 
   await expect.poll(() => getColor('code')).toMatch('#d26ac2')
 
diff --git a/playground/react-emotion/src/App.tsx b/playground/react-emotion/src/App.tsx
index 09300fd8d..f4da2f511 100644
--- a/playground/react-emotion/src/App.tsx
+++ b/playground/react-emotion/src/App.tsx
@@ -1,5 +1,6 @@
 import { useState } from 'react'
 import _Switch from 'react-switch'
+
 import { Counter, StyledCode } from './Counter.tsx'
 
 const Switch = (_Switch as any).default || _Switch
diff --git a/playground/react-emotion/src/Counter.tsx b/playground/react-emotion/src/Counter.tsx
index d7d88f2c4..f4394d3e5 100644
--- a/playground/react-emotion/src/Counter.tsx
+++ b/playground/react-emotion/src/Counter.tsx
@@ -1,5 +1,5 @@
-import styled from '@emotion/styled'
 import { css } from '@emotion/react'
+import styled from '@emotion/styled'
 import { useState } from 'react'
 
 // Ensure HMR of styled component alongside other components
diff --git a/playground/react-emotion/src/main.tsx b/playground/react-emotion/src/main.tsx
index 1f5976c1d..e516cb0f2 100644
--- a/playground/react-emotion/src/main.tsx
+++ b/playground/react-emotion/src/main.tsx
@@ -1,4 +1,5 @@
 import ReactDOM from 'react-dom/client'
+
 import App from './App.tsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/react-env/vite.config.ts b/playground/react-env/vite.config.ts
index 4f7c0081f..93de4fada 100644
--- a/playground/react-env/vite.config.ts
+++ b/playground/react-env/vite.config.ts
@@ -1,6 +1,7 @@
-import react from '@vitejs/plugin-react'
 import type { UserConfig } from 'vite'
 
+import react from '@vitejs/plugin-react'
+
 // Overriding the NODE_ENV set by vitest
 process.env.NODE_ENV = ''
 
diff --git a/playground/react-sourcemap/main.jsx b/playground/react-sourcemap/main.jsx
index 10cf96fc6..5441f1805 100644
--- a/playground/react-sourcemap/main.jsx
+++ b/playground/react-sourcemap/main.jsx
@@ -1,7 +1,10 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
+
 import App from './App.jsx'
 
-ReactDOM.createRoot(document.getElementById('app')).render(React.createElement(App))
+ReactDOM.createRoot(document.getElementById('app')).render(
+  React.createElement(App),
+)
 
 console.log('main.jsx') // for sourcemap
diff --git a/playground/react-sourcemap/vite.config.ts b/playground/react-sourcemap/vite.config.ts
index 42cc217ed..85d7df953 100644
--- a/playground/react-sourcemap/vite.config.ts
+++ b/playground/react-sourcemap/vite.config.ts
@@ -1,6 +1,7 @@
-import react from '@vitejs/plugin-react'
 import type { UserConfig } from 'vite'
 
+import react from '@vitejs/plugin-react'
+
 const config: UserConfig = {
   server: { port: 8906 /* Should be unique */ },
   plugins: [
diff --git a/playground/react/App.jsx b/playground/react/App.jsx
index c1fbab344..55469d25d 100644
--- a/playground/react/App.jsx
+++ b/playground/react/App.jsx
@@ -1,12 +1,13 @@
-import { useState } from 'react'
 import Button from 'jsx-entry'
-import WithQuery from './components/WithQuery?qs-should-not-break-plugin-react'
+import { useState } from 'react'
+
 import { Accordion } from './components/Accordion'
-import Parent from './hmr/parent'
+import WithQuery from './components/WithQuery?qs-should-not-break-plugin-react'
+import { ContextButton } from './context/ContextButton'
+import { CountProvider } from './context/CountProvider'
 import InjectExportsLater from './hmr/inject-exports-later'
 import { JsxImportRuntime } from './hmr/jsx-import-runtime'
-import { CountProvider } from './context/CountProvider'
-import { ContextButton } from './context/ContextButton'
+import Parent from './hmr/parent'
 import { TestImportAttributes } from './import-attributes/test'
 import { TEST_NON_JSX, TestNonJsx } from './non-jsx/test'
 
@@ -17,7 +18,10 @@ function App() {
       <header className="App-header">
         <h1>Hello Vite + React</h1>
         <p>
-          <button id="state-button" onClick={() => setCount((count) => count + 1)}>
+          <button
+            id="state-button"
+            onClick={() => setCount((count) => count + 1)}
+          >
             count is: {count}
           </button>
         </p>
diff --git a/playground/react/__tests__/react.spec.ts b/playground/react/__tests__/react.spec.ts
index 6b1287626..ec6880912 100644
--- a/playground/react/__tests__/react.spec.ts
+++ b/playground/react/__tests__/react.spec.ts
@@ -20,12 +20,18 @@ test('should update', async () => {
 })
 
 test.runIf(isServe)('should hmr', async () => {
-  editFile('App.jsx', (code) => code.replace('Vite + React', 'Vite + React Updated'))
-  await expect.poll(() => page.textContent('h1')).toMatch('Hello Vite + React Updated')
+  editFile('App.jsx', (code) =>
+    code.replace('Vite + React', 'Vite + React Updated'),
+  )
+  await expect
+    .poll(() => page.textContent('h1'))
+    .toMatch('Hello Vite + React Updated')
   // preserve state
   expect(await page.textContent('#state-button')).toMatch('count is: 1')
 
-  editFile('App.jsx', (code) => code.replace('Vite + React Updated', 'Vite + React'))
+  editFile('App.jsx', (code) =>
+    code.replace('Vite + React Updated', 'Vite + React'),
+  )
   await expect.poll(() => page.textContent('h1')).toMatch('Hello Vite + React')
 })
 
@@ -36,17 +42,25 @@ test.runIf(isServe)('should hmr files with queries', async () => {
   await page.click('#WithQuery-button')
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) => code.replace('With Query', 'With Query Updated'))
-  await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query Updated')
+  editFile('components/WithQuery.jsx', (code) =>
+    code.replace('With Query', 'With Query Updated'),
+  )
+  await expect
+    .poll(() => page.textContent('#WithQuery'))
+    .toBe('With Query Updated')
   // preserve state
   expect(await page.textContent('#WithQuery-button')).toMatch('count is: 1')
 
-  editFile('components/WithQuery.jsx', (code) => code.replace('With Query Updated', 'With Query'))
+  editFile('components/WithQuery.jsx', (code) =>
+    code.replace('With Query Updated', 'With Query'),
+  )
   await expect.poll(() => page.textContent('#WithQuery')).toBe('With Query')
 })
 
 test.runIf(isServe)('should not invalidate when code is invalid', async () => {
-  editFile('App.jsx', (code) => code.replace('<div className="App">', '<div className="App"}>'))
+  editFile('App.jsx', (code) =>
+    code.replace('<div className="App">', '<div className="App"}>'),
+  )
 
   await expect
     .poll(() => page.textContent('vite-error-overlay .message-body'))
@@ -63,12 +77,15 @@ test.runIf(isServe)('should not invalidate when code is invalid', async () => {
   )
 })
 
-test.runIf(isServe)('should have annotated jsx with file location metadata', async () => {
-  const res = await page.request.get(viteTestUrl + '/App.jsx')
-  const code = await res.text()
-  expect(code).toMatch(/lineNumber:\s*\d+/)
-  expect(code).toMatch(/columnNumber:\s*\d+/)
-})
+test.runIf(isServe)(
+  'should have annotated jsx with file location metadata',
+  async () => {
+    const res = await page.request.get(viteTestUrl + '/App.jsx')
+    const code = await res.text()
+    expect(code).toMatch(/lineNumber:\s*\d+/)
+    expect(code).toMatch(/columnNumber:\s*\d+/)
+  },
+)
 
 test('import attributes', async () => {
   expect(await page.textContent('.import-attributes')).toBe('ok')
@@ -78,7 +95,10 @@ if (!isBuild) {
   // #9869
   test('should only hmr files with exported react components', async () => {
     await untilBrowserLogAfter(
-      () => editFile('hmr/no-exported-comp.jsx', (code) => code.replace('An Object', 'Updated')),
+      () =>
+        editFile('hmr/no-exported-comp.jsx', (code) =>
+          code.replace('An Object', 'Updated'),
+        ),
       [
         new RegExp(
           `^${escapeRegex(
@@ -95,9 +115,13 @@ if (!isBuild) {
 
   // #3301
   test('should hmr react context', async () => {
-    expect(await page.textContent('#context-button')).toMatch('context-based count is: 0')
+    expect(await page.textContent('#context-button')).toMatch(
+      'context-based count is: 0',
+    )
     await page.click('#context-button')
-    expect(await page.textContent('#context-button')).toMatch('context-based count is: 1')
+    expect(await page.textContent('#context-button')).toMatch(
+      'context-based count is: 1',
+    )
 
     await untilBrowserLogAfter(
       () =>
@@ -129,7 +153,10 @@ if (!isBuild) {
     await untilBrowserLogAfter(
       () =>
         editFile('hmr/jsx-import-runtime.js', (code) =>
-          code.replace('JSX import runtime works', 'JSX import runtime updated'),
+          code.replace(
+            'JSX import runtime works',
+            'JSX import runtime updated',
+          ),
         ),
       ['[vite] hot updated: /hmr/jsx-import-runtime.js'],
     )
@@ -150,7 +177,9 @@ if (!isBuild) {
       ['[vite] hot updated: /components/Accordion.jsx'],
     )
 
-    await expect.poll(() => page.textContent('#accordion-root')).toMatch('Accordion Root Updated')
+    await expect
+      .poll(() => page.textContent('#accordion-root'))
+      .toMatch('Accordion Root Updated')
   })
 
   test('no refresh transform for non-jsx files', async () => {
diff --git a/playground/react/components/Accordion.jsx b/playground/react/components/Accordion.jsx
index 56cd2f289..c690a48e0 100644
--- a/playground/react/components/Accordion.jsx
+++ b/playground/react/components/Accordion.jsx
@@ -7,7 +7,10 @@ function Root({ children }) {
         margin: '16px 0',
       }}
     >
-      <h3 id="accordion-root" style={{ padding: '12px', margin: '0', backgroundColor: '#f5f5f5' }}>
+      <h3
+        id="accordion-root"
+        style={{ padding: '12px', margin: '0', backgroundColor: '#f5f5f5' }}
+      >
         Accordion Root
       </h3>
       <div style={{ padding: '12px' }}>{children}</div>
diff --git a/playground/react/components/WithQuery.jsx b/playground/react/components/WithQuery.jsx
index c572bc0e0..a11f0ddeb 100644
--- a/playground/react/components/WithQuery.jsx
+++ b/playground/react/components/WithQuery.jsx
@@ -5,7 +5,10 @@ export default function WithQuery() {
   return (
     <>
       <div id="WithQuery">With Query</div>
-      <button id="WithQuery-button" onClick={() => setCount((count) => count + 1)}>
+      <button
+        id="WithQuery-button"
+        onClick={() => setCount((count) => count + 1)}
+      >
         count is: {count}
       </button>
     </>
diff --git a/playground/react/context/ContextButton.jsx b/playground/react/context/ContextButton.jsx
index 92c6d0bd2..6a24f3188 100644
--- a/playground/react/context/ContextButton.jsx
+++ b/playground/react/context/ContextButton.jsx
@@ -1,4 +1,5 @@
 import { useContext } from 'react'
+
 import { CountContext } from './CountProvider'
 
 export function ContextButton() {
diff --git a/playground/react/vite.config.ts b/playground/react/vite.config.ts
index a1e64b22f..0037b3379 100644
--- a/playground/react/vite.config.ts
+++ b/playground/react/vite.config.ts
@@ -1,6 +1,7 @@
-import react from '@vitejs/plugin-react'
 import type { UserConfig } from 'vite'
 
+import react from '@vitejs/plugin-react'
+
 const config: UserConfig = {
   server: { port: 8902 /* Should be unique */ },
   mode: 'development',
diff --git a/playground/ssr-react/__tests__/ssr-react.spec.ts b/playground/ssr-react/__tests__/ssr-react.spec.ts
index 4afaeb7be..5be3bed9f 100644
--- a/playground/ssr-react/__tests__/ssr-react.spec.ts
+++ b/playground/ssr-react/__tests__/ssr-react.spec.ts
@@ -51,7 +51,9 @@ test.skipIf(isBuild)('hmr', async () => {
   await untilBrowserLogAfter(() => page.goto(url), 'hydrated')
 
   await expect.poll(() => page.textContent('h1')).toMatch('Home')
-  editFile('src/pages/Home.jsx', (code) => code.replace('<h1>Home', '<h1>changed'))
+  editFile('src/pages/Home.jsx', (code) =>
+    code.replace('<h1>Home', '<h1>changed'),
+  )
   await expect.poll(() => page.textContent('h1')).toMatch('changed')
 
   // verify the change also affects next SSR
@@ -67,7 +69,9 @@ test('client navigation', async () => {
   await expect.poll(() => page.textContent('h1')).toMatch('About')
 
   if (!isBuild) {
-    editFile('src/pages/About.jsx', (code) => code.replace('<h1>About', '<h1>changed'))
+    editFile('src/pages/About.jsx', (code) =>
+      code.replace('<h1>About', '<h1>changed'),
+    )
     await expect.poll(() => page.textContent('h1')).toMatch('changed')
   }
 })
diff --git a/playground/ssr-react/src/entry-client.jsx b/playground/ssr-react/src/entry-client.jsx
index 1ccec471a..46736dc98 100644
--- a/playground/ssr-react/src/entry-client.jsx
+++ b/playground/ssr-react/src/entry-client.jsx
@@ -1,6 +1,10 @@
 import '@vitejs/plugin-react/preamble'
 import ReactDOM from 'react-dom/client'
+
 import { App } from './App'
 
-ReactDOM.hydrateRoot(document.getElementById('app'), <App url={new URL(window.location.href)} />)
+ReactDOM.hydrateRoot(
+  document.getElementById('app'),
+  <App url={new URL(window.location.href)} />,
+)
 console.log('hydrated')
diff --git a/playground/ssr-react/src/entry-server.jsx b/playground/ssr-react/src/entry-server.jsx
index c72bdba34..543a06c5b 100644
--- a/playground/ssr-react/src/entry-server.jsx
+++ b/playground/ssr-react/src/entry-server.jsx
@@ -1,6 +1,9 @@
 import ReactDOMServer from 'react-dom/server'
+
 import { App } from './App'
 
 export function render(url) {
-  return ReactDOMServer.renderToString(<App url={new URL(url, 'http://localhost')} />)
+  return ReactDOMServer.renderToString(
+    <App url={new URL(url, 'http://localhost')} />,
+  )
 }
diff --git a/playground/ssr-react/vite.config.js b/playground/ssr-react/vite.config.js
index c4a775e09..ce55fc9dc 100644
--- a/playground/ssr-react/vite.config.js
+++ b/playground/ssr-react/vite.config.js
@@ -1,8 +1,8 @@
+import react from '@vitejs/plugin-react'
 import fs from 'node:fs'
 import path from 'node:path'
 import url from 'node:url'
 import { defineConfig } from 'vite'
-import react from '@vitejs/plugin-react'
 
 const _dirname = path.dirname(url.fileURLToPath(import.meta.url))
 
@@ -37,11 +37,16 @@ export default defineConfig({
           server.middlewares.use(async (req, res, next) => {
             const url = req.originalUrl ?? '/'
             try {
-              const { render } = await server.ssrLoadModule('/src/entry-server.jsx')
+              const { render } = await server.ssrLoadModule(
+                '/src/entry-server.jsx',
+              )
               const appHtml = render(url)
               // "@vitejs/plugin-react/preamble" is used instead of transformIndexHtml
               // to setup react hmr globals.
-              const template = fs.readFileSync(path.resolve(_dirname, 'index.html'), 'utf-8')
+              const template = fs.readFileSync(
+                path.resolve(_dirname, 'index.html'),
+                'utf-8',
+              )
               const html = template.replace(`<!--app-html-->`, appHtml)
               res.setHeader('content-type', 'text/html').end(html)
             } catch (e) {
@@ -51,9 +56,14 @@ export default defineConfig({
         }
       },
       async configurePreviewServer(server) {
-        const template = fs.readFileSync(path.resolve(_dirname, 'dist/client/index.html'), 'utf-8')
+        const template = fs.readFileSync(
+          path.resolve(_dirname, 'dist/client/index.html'),
+          'utf-8',
+        )
         const { render } = await import(
-          url.pathToFileURL(path.resolve(_dirname, './dist/server/entry-server.js'))
+          url.pathToFileURL(
+            path.resolve(_dirname, './dist/server/entry-server.js'),
+          )
         )
         return () => {
           server.middlewares.use(async (req, res, next) => {
diff --git a/playground/test-utils.ts b/playground/test-utils.ts
index b9cfa5c20..3c713e897 100644
--- a/playground/test-utils.ts
+++ b/playground/test-utils.ts
@@ -1,10 +1,12 @@
+import type { ConsoleMessage, ElementHandle } from 'playwright-chromium'
+
 // test utils used in e2e tests for playgrounds.
 // `import { getColor } from '~utils'`
 
 import fs from 'node:fs'
 import path from 'node:path'
-import type { ConsoleMessage, ElementHandle } from 'playwright-chromium'
 import { expect } from 'vitest'
+
 import { page, testDir } from './vitestSetup'
 
 export * from './vitestSetup'
@@ -64,7 +66,10 @@ export function readFile(filename: string): string {
   return fs.readFileSync(path.resolve(testDir, filename), 'utf-8')
 }
 
-export function editFile(filename: string, replacer: (str: string) => string): void {
+export function editFile(
+  filename: string,
+  replacer: (str: string) => string,
+): void {
   filename = path.resolve(testDir, filename)
   const content = fs.readFileSync(filename, 'utf-8')
   const modified = replacer(content)
@@ -142,7 +147,9 @@ async function untilBrowserLog(
       } else {
         const remainingMatchers = target.map(isMatch)
         processMsg = (text: string) => {
-          const nextIndex = remainingMatchers.findIndex((matcher) => matcher(text))
+          const nextIndex = remainingMatchers.findIndex((matcher) =>
+            matcher(text),
+          )
           if (nextIndex >= 0) {
             remainingMatchers.splice(nextIndex, 1)
           }
diff --git a/playground/tsconfig-jsx-preserve/src/main.tsx b/playground/tsconfig-jsx-preserve/src/main.tsx
index 056386a7d..852be25a8 100644
--- a/playground/tsconfig-jsx-preserve/src/main.tsx
+++ b/playground/tsconfig-jsx-preserve/src/main.tsx
@@ -1,4 +1,5 @@
 import ReactDOM from 'react-dom/client'
+
 import App from './App.jsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/vitestGlobalSetup.ts b/playground/vitestGlobalSetup.ts
index a2dc252b2..fea3c02c3 100644
--- a/playground/vitestGlobalSetup.ts
+++ b/playground/vitestGlobalSetup.ts
@@ -1,17 +1,22 @@
-import path from 'node:path'
-import fs from 'fs-extra'
-import type { TestProject } from 'vitest/node'
 import type { BrowserServer } from 'playwright-chromium'
+import type { TestProject } from 'vitest/node'
+
+import fs from 'fs-extra'
+import path from 'node:path'
 import { chromium } from 'playwright-chromium'
 
 let browserServer: BrowserServer | undefined
 
 export async function setup({ provide }: TestProject): Promise<void> {
-  process.env.NODE_ENV = process.env.VITE_TEST_BUILD ? 'production' : 'development'
+  process.env.NODE_ENV = process.env.VITE_TEST_BUILD
+    ? 'production'
+    : 'development'
 
   browserServer = await chromium.launchServer({
     headless: !process.env.VITE_DEBUG_SERVE,
-    args: process.env.CI ? ['--no-sandbox', '--disable-setuid-sandbox'] : undefined,
+    args: process.env.CI
+      ? ['--no-sandbox', '--disable-setuid-sandbox']
+      : undefined,
   })
 
   provide('wsEndpoint', browserServer.wsEndpoint())
diff --git a/playground/vitestSetup.ts b/playground/vitestSetup.ts
index 5a022156c..9d7e945ae 100644
--- a/playground/vitestSetup.ts
+++ b/playground/vitestSetup.ts
@@ -1,7 +1,5 @@
 import type * as http from 'node:http'
-import path, { dirname, resolve } from 'node:path'
-import fs from 'fs-extra'
-import { chromium } from 'playwright-chromium'
+import type { Browser, Page } from 'playwright-chromium'
 import type {
   ConfigEnv,
   InlineConfig,
@@ -12,10 +10,20 @@ import type {
   UserConfig,
   ViteDevServer,
 } from 'vite'
-import type { Browser, Page } from 'playwright-chromium'
 import type { RunnerTestFile } from 'vitest'
+
+import fs from 'fs-extra'
+import path, { dirname, resolve } from 'node:path'
+import { chromium } from 'playwright-chromium'
+import {
+  build,
+  createBuilder,
+  createServer,
+  loadConfigFromFile,
+  mergeConfig,
+  preview,
+} from 'vite'
 import { beforeAll, inject } from 'vitest'
-import { build, createBuilder, createServer, loadConfigFromFile, mergeConfig, preview } from 'vite'
 
 // #region env
 
@@ -175,7 +183,10 @@ async function loadConfig(configEnv: ConfigEnv) {
   // config file named by convention as the *.spec.ts folder
   const variantName = path.basename(path.dirname(testPath))
   if (variantName !== '__tests__') {
-    const configVariantPath = path.resolve(rootDir, `vite.config-${variantName}.js`)
+    const configVariantPath = path.resolve(
+      rootDir,
+      `vite.config-${variantName}.js`,
+    )
     if (fs.existsSync(configVariantPath)) {
       const res = await loadConfigFromFile(configEnv, configVariantPath)
       if (res) {
@@ -222,7 +233,10 @@ export async function startDefaultServe(): Promise<void> {
     process.env.VITE_INLINE = 'inline-serve'
     const config = await loadConfig({ command: 'serve', mode: 'development' })
     viteServer = server = await (await createServer(config)).listen()
-    viteTestUrl = stripTrailingSlashIfNeeded(server.resolvedUrls.local[0], server.config.base)
+    viteTestUrl = stripTrailingSlashIfNeeded(
+      server.resolvedUrls.local[0],
+      server.config.base,
+    )
     await page.goto(viteTestUrl)
   } else {
     process.env.VITE_INLINE = 'inline-build'
@@ -234,9 +248,12 @@ export async function startDefaultServe(): Promise<void> {
         resolvedConfig = config
       },
     })
-    const buildConfig = mergeConfig(await loadConfig({ command: 'build', mode: 'production' }), {
-      plugins: [resolvedPlugin()],
-    })
+    const buildConfig = mergeConfig(
+      await loadConfig({ command: 'build', mode: 'production' }),
+      {
+        plugins: [resolvedPlugin()],
+      },
+    )
     if (buildConfig.builder) {
       const builder = await createBuilder(buildConfig)
       await builder.buildApp()
diff --git a/scripts/release.ts b/scripts/release.ts
index 20e829279..ce40e5e55 100644
--- a/scripts/release.ts
+++ b/scripts/release.ts
@@ -1,12 +1,17 @@
-import { readFileSync, writeFileSync } from 'node:fs'
 import { generateChangelog, release } from '@vitejs/release-scripts'
+import { readFileSync, writeFileSync } from 'node:fs'
 import colors from 'picocolors'
 
 const nextH2RE = /^## /gm
 
 release({
   repo: 'vite-plugin-react',
-  packages: ['plugin-react', 'plugin-react-swc', 'plugin-react-oxc', 'plugin-rsc'],
+  packages: [
+    'plugin-react',
+    'plugin-react-swc',
+    'plugin-react-oxc',
+    'plugin-rsc',
+  ],
   getPkgDir(pkg) {
     if (pkg === 'plugin-react-swc') {
       return `packages/${pkg}/dist`
@@ -48,7 +53,10 @@ release({
     const date = new Date().toISOString().slice(0, 10)
     writeFileSync(
       `packages/${pkgName}/CHANGELOG.md`,
-      changelog.replace('## Unreleased', `## Unreleased\n\n## ${version} (${date})`),
+      changelog.replace(
+        '## Unreleased',
+        `## Unreleased\n\n## ${version} (${date})`,
+      ),
     )
   },
 })

From ec6ff45776108656a2e2b3049e86cdf8c404b875 Mon Sep 17 00:00:00 2001
From: "copilot-swe-agent[bot]" <198982749+Copilot@users.noreply.github.com>
Date: Tue, 2 Dec 2025 09:04:47 +0000
Subject: [PATCH 4/4] chore: use partitionByNewline to reduce import reordering
 diff

Co-authored-by: hi-ogawa <4232207+hi-ogawa@users.noreply.github.com>
---
 .oxfmtrc.json                                 |  5 +++-
 packages/common/refresh-utils.ts              |  5 ++--
 packages/plugin-react-oxc/src/index.ts        |  1 -
 .../base-path/__tests__/base-path.spec.ts     |  1 -
 .../playground/base-path/src/index.tsx        |  1 -
 .../__tests__/class-components.spec.ts        |  1 -
 .../playground/class-components/src/App.tsx   |  1 -
 .../playground/class-components/src/index.tsx |  1 -
 .../decorators/__tests__/decorators.spec.ts   |  1 -
 .../playground/decorators/src/App.tsx         |  1 -
 .../playground/decorators/src/index.tsx       |  1 -
 .../__tests__/emotion-plugin.spec.ts          |  1 -
 .../playground/emotion-plugin/src/index.jsx   |  1 -
 .../emotion/__tests__/emotion.spec.ts         |  1 -
 .../playground/emotion/src/index.tsx          |  1 -
 .../playground/hmr/__tests__/hmr.spec.ts      |  1 -
 .../playground/hmr/src/App.tsx                |  1 -
 .../playground/hmr/src/index.tsx              |  1 -
 .../playground/mdx/__tests__/mdx.spec.ts      |  1 -
 .../playground/mdx/src/index.tsx              |  1 -
 .../react-18/__tests__/react-18.spec.ts       |  1 -
 .../playground/react-18/src/App.tsx           |  1 -
 .../playground/react-18/src/index.tsx         |  1 -
 .../__tests__/shadow-export.spec.ts           |  1 -
 .../playground/shadow-export/src/index.tsx    |  1 -
 .../__tests__/styled-components.spec.ts       |  1 -
 .../styled-components/src/index.tsx           |  1 -
 .../ts-lib/__tests__/ts-lib.spec.ts           |  1 -
 .../playground/ts-lib/src/index.tsx           |  1 -
 .../worker/__tests__/worker.spec.ts           |  1 -
 .../playground/worker/src/App.tsx             |  1 -
 .../playground/worker/src/index.tsx           |  1 -
 packages/plugin-react-swc/src/index.ts        |  1 -
 packages/plugin-react-swc/tsdown.config.ts    |  1 -
 packages/plugin-react/src/index.ts            |  1 -
 packages/plugin-react/tests/rolldown.test.ts  |  1 -
 packages/plugin-rsc/e2e/base.test.ts          |  1 -
 packages/plugin-rsc/e2e/basic.test.ts         | 25 +++++--------------
 packages/plugin-rsc/e2e/browser-mode.test.ts  |  1 -
 packages/plugin-rsc/e2e/browser.test.ts       |  1 -
 packages/plugin-rsc/e2e/build-app.test.ts     |  1 -
 packages/plugin-rsc/e2e/cloudflare.test.ts    |  1 -
 packages/plugin-rsc/e2e/error.test.ts         |  1 -
 packages/plugin-rsc/e2e/isolated.test.ts      |  1 -
 .../plugin-rsc/e2e/middleware-mode.test.ts    |  1 -
 packages/plugin-rsc/e2e/module-runner.test.ts |  1 -
 packages/plugin-rsc/e2e/no-ssr.test.ts        |  1 -
 .../plugin-rsc/e2e/react-compiler.test.ts     |  1 -
 packages/plugin-rsc/e2e/react-router.test.ts  |  1 -
 .../plugin-rsc/e2e/render-built-url.test.ts   |  2 --
 packages/plugin-rsc/e2e/root.test.ts          |  1 -
 packages/plugin-rsc/e2e/ssg.test.ts           |  1 -
 packages/plugin-rsc/e2e/ssr-thenable.test.ts  |  1 -
 packages/plugin-rsc/e2e/starter.test.ts       |  1 -
 packages/plugin-rsc/e2e/starter.ts            |  1 -
 packages/plugin-rsc/e2e/syntax-error.test.ts  |  1 -
 .../plugin-rsc/e2e/validate-imports.test.ts   |  1 -
 .../basic/src/framework/entry.browser.tsx     |  2 --
 .../basic/src/framework/entry.rsc.tsx         |  2 --
 .../basic/src/framework/entry.ssr.tsx         |  2 --
 .../src/routes/action-from-client/client.tsx  |  1 -
 .../basic/src/routes/css-queries/client.tsx   |  1 -
 .../routes/deps/client-in-server/server.tsx   |  1 -
 .../src/routes/deps/transitive-cjs/client.tsx |  1 +
 .../src/routes/hmr-client-dep/client.tsx      |  1 -
 .../src/routes/hmr-client-dep2/client.tsx     |  1 -
 .../src/routes/hmr-client-dep3/client-a.tsx   |  1 -
 .../src/routes/hmr-shared/atomic/client.tsx   |  1 -
 .../examples/basic/src/routes/root.tsx        |  1 -
 .../basic/src/routes/serialization/server.tsx |  1 -
 .../src/routes/temporary-reference/client.tsx |  1 -
 .../basic/src/routes/use-id/server.tsx        |  1 -
 .../basic/test-dep/client-in-server/server.js |  1 -
 .../test-dep/client-in-server2/server.js      |  1 -
 .../basic/test-dep/css-in-server/server.js    |  1 -
 .../basic/test-dep/server-in-client/client.js |  1 -
 .../basic/test-dep/transitive-cjs/client.js   |  3 ++-
 .../client.js                                 |  1 +
 .../src/action-from-client/client.tsx         |  1 -
 .../src/framework/entry.browser.tsx           |  1 -
 .../browser-mode/src/framework/entry.rsc.tsx  |  2 --
 .../browser-mode/src/framework/main.tsx       |  1 -
 .../examples/browser-mode/src/root.tsx        |  1 -
 .../browser/src/framework/entry.browser.tsx   |  2 --
 .../browser/src/framework/entry.rsc.tsx       |  2 --
 .../plugin-rsc/examples/browser/src/root.tsx  |  1 -
 .../examples/browser/vite.config.ts           |  1 -
 .../examples/e2e/middleware-mode.ts           |  1 -
 .../no-ssr/src/framework/entry.browser.tsx    |  1 -
 .../no-ssr/src/framework/entry.rsc.tsx        |  2 --
 .../plugin-rsc/examples/no-ssr/src/root.tsx   |  1 -
 .../examples/react-router/app/root.tsx        |  1 -
 .../react-router-vite/entry.rsc.tsx           |  1 -
 .../ssg/src/framework/entry.browser.tsx       |  2 --
 .../examples/ssg/src/framework/entry.rsc.tsx  |  2 --
 .../examples/ssg/src/framework/entry.ssr.tsx  |  1 -
 .../src/framework/entry.browser.tsx           |  2 --
 .../src/framework/entry.rsc.tsx               |  2 --
 .../src/framework/entry.ssr.tsx               |  2 --
 .../examples/starter-cf-single/src/root.tsx   |  1 -
 .../starter/src/framework/entry.browser.tsx   |  2 --
 .../starter/src/framework/entry.rsc.tsx       |  2 --
 .../starter/src/framework/entry.ssr.tsx       |  2 --
 .../plugin-rsc/examples/starter/src/root.tsx  |  1 -
 packages/plugin-rsc/src/browser.ts            |  1 -
 packages/plugin-rsc/src/core/browser.ts       |  1 -
 packages/plugin-rsc/src/core/rsc.ts           |  7 +++---
 packages/plugin-rsc/src/core/ssr.ts           |  2 --
 packages/plugin-rsc/src/plugin.ts             | 22 ++++++++++------
 packages/plugin-rsc/src/plugins/cjs.ts        |  1 -
 .../src/plugins/find-source-map-url.ts        |  1 -
 packages/plugin-rsc/src/plugins/scan.test.ts  |  1 -
 packages/plugin-rsc/src/plugins/scan.ts       |  1 -
 .../plugin-rsc/src/plugins/validate-import.ts |  1 -
 packages/plugin-rsc/src/plugins/vite-utils.ts |  3 +--
 packages/plugin-rsc/src/react/browser.ts      |  1 -
 packages/plugin-rsc/src/react/rsc.ts          |  2 --
 packages/plugin-rsc/src/react/ssr.ts          |  1 -
 packages/plugin-rsc/src/rsc.tsx               |  1 -
 packages/plugin-rsc/src/ssr.tsx               |  2 --
 .../plugin-rsc/src/transforms/cjs.test.ts     |  1 -
 packages/plugin-rsc/src/transforms/cjs.ts     |  1 -
 .../plugin-rsc/src/transforms/hoist.test.ts   |  7 ++++--
 packages/plugin-rsc/src/transforms/hoist.ts   |  5 ++--
 .../src/transforms/proxy-export.test.ts       |  1 -
 .../plugin-rsc/src/transforms/proxy-export.ts |  6 +----
 .../src/transforms/server-action.ts           |  1 -
 .../plugin-rsc/src/transforms/test-utils.ts   |  1 -
 packages/plugin-rsc/src/transforms/utils.ts   |  1 -
 .../plugin-rsc/src/transforms/waku.test.ts    |  1 -
 .../src/transforms/wrap-export.test.ts        |  1 -
 .../plugin-rsc/src/transforms/wrap-export.ts  | 13 +++++++---
 .../src/utils/encryption-runtime.ts           |  1 -
 packages/plugin-rsc/tsdown.config.ts          |  5 +---
 playground/class-components/src/App.tsx       |  1 -
 playground/class-components/src/index.tsx     |  1 -
 playground/compiler-react-18/src/App.tsx      |  1 -
 playground/compiler-react-18/src/main.tsx     |  1 -
 playground/compiler/src/App.tsx               |  1 -
 playground/compiler/src/main.tsx              |  1 -
 playground/hmr-false/src/main.tsx             |  1 -
 playground/hook-with-jsx/src/index.tsx        |  1 -
 .../include-node-modules/vite.config.ts       |  1 -
 playground/mdx/src/main.tsx                   |  1 -
 playground/react-classic/App.jsx              |  1 -
 playground/react-classic/vite.config.ts       |  1 -
 playground/react-emotion/src/App.tsx          |  1 -
 playground/react-emotion/src/main.tsx         |  1 -
 playground/react-env/vite.config.ts           |  1 -
 playground/react-sourcemap/main.jsx           |  1 -
 playground/react-sourcemap/vite.config.ts     |  1 -
 playground/react/App.jsx                      |  1 -
 playground/react/__tests__/react.spec.ts      |  8 ++++--
 playground/react/context/ContextButton.jsx    |  1 -
 playground/react/vite.config.ts               |  1 -
 playground/ssr-react/src/entry-client.jsx     |  1 -
 playground/ssr-react/src/entry-server.jsx     |  1 -
 playground/test-utils.ts                      |  4 +--
 playground/tsconfig-jsx-preserve/src/main.tsx |  1 -
 playground/vitestGlobalSetup.ts               |  1 -
 playground/vitestSetup.ts                     |  1 -
 161 files changed, 63 insertions(+), 221 deletions(-)

diff --git a/.oxfmtrc.json b/.oxfmtrc.json
index b5cbef4c9..0da9a57c0 100644
--- a/.oxfmtrc.json
+++ b/.oxfmtrc.json
@@ -3,5 +3,8 @@
   "printWidth": 80,
   "semi": false,
   "singleQuote": true,
-  "experimentalSortImports": {}
+  "experimentalSortImports": {
+    "newlinesBetween": false,
+    "partitionByNewline": true
+  }
 }
diff --git a/packages/common/refresh-utils.ts b/packages/common/refresh-utils.ts
index bae8cb734..ef9dc00f6 100644
--- a/packages/common/refresh-utils.ts
+++ b/packages/common/refresh-utils.ts
@@ -1,5 +1,4 @@
 import type { Plugin } from 'vite'
-
 import { exactRegex } from '@rolldown/pluginutils'
 
 export const runtimePublicPath = '/@react-refresh'
@@ -42,7 +41,9 @@ if (import.meta.hot && !inWebWorker) {
   }
 
   RefreshRuntime.__hmr_import(import.meta.url).then((currentExports) => {
-    RefreshRuntime.registerExportsForReactRefresh(${JSON.stringify(id)}, currentExports);
+    RefreshRuntime.registerExportsForReactRefresh(${JSON.stringify(
+      id,
+    )}, currentExports);
     import.meta.hot.accept((nextExports) => {
       if (!nextExports) return;
       const invalidateMessage = RefreshRuntime.validateRefreshBoundaryAndEnqueueUpdate(${JSON.stringify(
diff --git a/packages/plugin-react-oxc/src/index.ts b/packages/plugin-react-oxc/src/index.ts
index 42f4243eb..1e65d4e10 100644
--- a/packages/plugin-react-oxc/src/index.ts
+++ b/packages/plugin-react-oxc/src/index.ts
@@ -1,5 +1,4 @@
 import type { BuildOptions, Plugin } from 'vite'
-
 import { exactRegex } from '@rolldown/pluginutils'
 import {
   addRefreshWrapper,
diff --git a/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts b/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts
index e2170f0a7..715eb7a7c 100644
--- a/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts
+++ b/packages/plugin-react-swc/playground/base-path/__tests__/base-path.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Base path HMR', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/base-path/src/index.tsx b/packages/plugin-react-swc/playground/base-path/src/index.tsx
index ef13e792b..5e7046ce2 100644
--- a/packages/plugin-react-swc/playground/base-path/src/index.tsx
+++ b/packages/plugin-react-swc/playground/base-path/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts b/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts
index f3502633d..14424e927 100644
--- a/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts
+++ b/packages/plugin-react-swc/playground/class-components/__tests__/class-components.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Class component HMR', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/class-components/src/App.tsx b/packages/plugin-react-swc/playground/class-components/src/App.tsx
index 0aaa09076..2b2cb5558 100644
--- a/packages/plugin-react-swc/playground/class-components/src/App.tsx
+++ b/packages/plugin-react-swc/playground/class-components/src/App.tsx
@@ -1,5 +1,4 @@
 import { Component } from 'react'
-
 import { getGetting } from './utils.tsx'
 
 export class App extends Component {
diff --git a/packages/plugin-react-swc/playground/class-components/src/index.tsx b/packages/plugin-react-swc/playground/class-components/src/index.tsx
index ef13e792b..5e7046ce2 100644
--- a/packages/plugin-react-swc/playground/class-components/src/index.tsx
+++ b/packages/plugin-react-swc/playground/class-components/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts b/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts
index f83859729..89783fc2b 100644
--- a/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts
+++ b/packages/plugin-react-swc/playground/decorators/__tests__/decorators.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { setupBuildAndPreview, setupDevServer } from '../../utils.ts'
 
 test('Decorators build', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/decorators/src/App.tsx b/packages/plugin-react-swc/playground/decorators/src/App.tsx
index 13be7ced6..f8327828c 100644
--- a/packages/plugin-react-swc/playground/decorators/src/App.tsx
+++ b/packages/plugin-react-swc/playground/decorators/src/App.tsx
@@ -1,5 +1,4 @@
 import type { ComponentClass } from 'react'
-
 import { Component } from 'react'
 
 function decorated(target: ComponentClass) {
diff --git a/packages/plugin-react-swc/playground/decorators/src/index.tsx b/packages/plugin-react-swc/playground/decorators/src/index.tsx
index ef13e792b..5e7046ce2 100644
--- a/packages/plugin-react-swc/playground/decorators/src/index.tsx
+++ b/packages/plugin-react-swc/playground/decorators/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts b/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
index 6bfe0ce3c..9fcdd8be8 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
+++ b/packages/plugin-react-swc/playground/emotion-plugin/__tests__/emotion-plugin.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import {
   expectColor,
   setupBuildAndPreview,
diff --git a/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx b/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx
index 6ad416e3d..67f3599ee 100644
--- a/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx
+++ b/packages/plugin-react-swc/playground/emotion-plugin/src/index.jsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.jsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts b/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
index c13c83b89..455fab7ba 100644
--- a/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
+++ b/packages/plugin-react-swc/playground/emotion/__tests__/emotion.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import {
   expectColor,
   setupBuildAndPreview,
diff --git a/packages/plugin-react-swc/playground/emotion/src/index.tsx b/packages/plugin-react-swc/playground/emotion/src/index.tsx
index 0d74424f5..ee852372c 100644
--- a/packages/plugin-react-swc/playground/emotion/src/index.tsx
+++ b/packages/plugin-react-swc/playground/emotion/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts b/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
index 4742fce6c..714bf8a5d 100644
--- a/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
+++ b/packages/plugin-react-swc/playground/hmr/__tests__/hmr.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import {
   setupBuildAndPreview,
   setupDevServer,
diff --git a/packages/plugin-react-swc/playground/hmr/src/App.tsx b/packages/plugin-react-swc/playground/hmr/src/App.tsx
index 048aeff90..b97d2d061 100644
--- a/packages/plugin-react-swc/playground/hmr/src/App.tsx
+++ b/packages/plugin-react-swc/playground/hmr/src/App.tsx
@@ -1,5 +1,4 @@
 import { useState } from 'react'
-
 import reactLogo from './react.svg'
 import './App.css'
 import { TitleWithExport, framework } from './TitleWithExport.tsx'
diff --git a/packages/plugin-react-swc/playground/hmr/src/index.tsx b/packages/plugin-react-swc/playground/hmr/src/index.tsx
index 0d74424f5..ee852372c 100644
--- a/packages/plugin-react-swc/playground/hmr/src/index.tsx
+++ b/packages/plugin-react-swc/playground/hmr/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts b/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
index b8f007855..41562b946 100644
--- a/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
+++ b/packages/plugin-react-swc/playground/mdx/__tests__/mdx.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import {
   setupBuildAndPreview,
   setupDevServer,
diff --git a/packages/plugin-react-swc/playground/mdx/src/index.tsx b/packages/plugin-react-swc/playground/mdx/src/index.tsx
index 300b324af..952de6f5c 100644
--- a/packages/plugin-react-swc/playground/mdx/src/index.tsx
+++ b/packages/plugin-react-swc/playground/mdx/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import Hello from './hello.mdx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts b/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
index a4e6c999a..2902307fc 100644
--- a/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
+++ b/packages/plugin-react-swc/playground/react-18/__tests__/react-18.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import {
   setupBuildAndPreview,
   setupDevServer,
diff --git a/packages/plugin-react-swc/playground/react-18/src/App.tsx b/packages/plugin-react-swc/playground/react-18/src/App.tsx
index 048aeff90..b97d2d061 100644
--- a/packages/plugin-react-swc/playground/react-18/src/App.tsx
+++ b/packages/plugin-react-swc/playground/react-18/src/App.tsx
@@ -1,5 +1,4 @@
 import { useState } from 'react'
-
 import reactLogo from './react.svg'
 import './App.css'
 import { TitleWithExport, framework } from './TitleWithExport.tsx'
diff --git a/packages/plugin-react-swc/playground/react-18/src/index.tsx b/packages/plugin-react-swc/playground/react-18/src/index.tsx
index 0d74424f5..ee852372c 100644
--- a/packages/plugin-react-swc/playground/react-18/src/index.tsx
+++ b/packages/plugin-react-swc/playground/react-18/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts b/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts
index 05c3220d5..b1aadffb9 100644
--- a/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts
+++ b/packages/plugin-react-swc/playground/shadow-export/__tests__/shadow-export.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { setupDevServer, setupWaitForLogs } from '../../utils.ts'
 
 test('Shadow export HMR', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/shadow-export/src/index.tsx b/packages/plugin-react-swc/playground/shadow-export/src/index.tsx
index ef13e792b..5e7046ce2 100644
--- a/packages/plugin-react-swc/playground/shadow-export/src/index.tsx
+++ b/packages/plugin-react-swc/playground/shadow-export/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts b/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
index 863396a75..da8e44713 100644
--- a/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
+++ b/packages/plugin-react-swc/playground/styled-components/__tests__/styled-components.spec.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import {
   expectColor,
   setupBuildAndPreview,
diff --git a/packages/plugin-react-swc/playground/styled-components/src/index.tsx b/packages/plugin-react-swc/playground/styled-components/src/index.tsx
index 0d74424f5..ee852372c 100644
--- a/packages/plugin-react-swc/playground/styled-components/src/index.tsx
+++ b/packages/plugin-react-swc/playground/styled-components/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 import './index.css'
 
diff --git a/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts b/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts
index 8f1b3a5e4..7f3357908 100644
--- a/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts
+++ b/packages/plugin-react-swc/playground/ts-lib/__tests__/ts-lib.spec.ts
@@ -1,5 +1,4 @@
 import { type Page, expect, test } from '@playwright/test'
-
 import { setupBuildAndPreview, setupDevServer } from '../../utils.ts'
 
 test('TS lib build', async ({ page }) => {
diff --git a/packages/plugin-react-swc/playground/ts-lib/src/index.tsx b/packages/plugin-react-swc/playground/ts-lib/src/index.tsx
index de5a7464c..c0e262737 100644
--- a/packages/plugin-react-swc/playground/ts-lib/src/index.tsx
+++ b/packages/plugin-react-swc/playground/ts-lib/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import App from './app'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts b/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
index 28d440bfc..b0c7b2ce0 100644
--- a/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
+++ b/packages/plugin-react-swc/playground/worker/__tests__/worker.spec.ts
@@ -1,5 +1,4 @@
 import { test } from '@playwright/test'
-
 import {
   setupBuildAndPreview,
   setupDevServer,
diff --git a/packages/plugin-react-swc/playground/worker/src/App.tsx b/packages/plugin-react-swc/playground/worker/src/App.tsx
index 67d44f96f..055838c28 100644
--- a/packages/plugin-react-swc/playground/worker/src/App.tsx
+++ b/packages/plugin-react-swc/playground/worker/src/App.tsx
@@ -1,5 +1,4 @@
 import { useState } from 'react'
-
 import MyWorker from './worker-via-import.ts?worker&inline'
 
 new MyWorker()
diff --git a/packages/plugin-react-swc/playground/worker/src/index.tsx b/packages/plugin-react-swc/playground/worker/src/index.tsx
index 3d4b4d258..317caffbd 100644
--- a/packages/plugin-react-swc/playground/worker/src/index.tsx
+++ b/packages/plugin-react-swc/playground/worker/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 
 new Worker(new URL('./worker-via-url.ts', import.meta.url), { type: 'module' })
diff --git a/packages/plugin-react-swc/src/index.ts b/packages/plugin-react-swc/src/index.ts
index 65a36f666..ec529b931 100644
--- a/packages/plugin-react-swc/src/index.ts
+++ b/packages/plugin-react-swc/src/index.ts
@@ -1,5 +1,4 @@
 import type { Plugin } from 'vite'
-
 import { exactRegex } from '@rolldown/pluginutils'
 import {
   type JscTarget,
diff --git a/packages/plugin-react-swc/tsdown.config.ts b/packages/plugin-react-swc/tsdown.config.ts
index 87b0c0ffb..fe0288561 100644
--- a/packages/plugin-react-swc/tsdown.config.ts
+++ b/packages/plugin-react-swc/tsdown.config.ts
@@ -1,6 +1,5 @@
 import { writeFileSync } from 'node:fs'
 import { defineConfig } from 'tsdown'
-
 import packageJSON from './package.json' with { type: 'json' }
 
 export default defineConfig({
diff --git a/packages/plugin-react/src/index.ts b/packages/plugin-react/src/index.ts
index 4ae535d0e..af152c083 100644
--- a/packages/plugin-react/src/index.ts
+++ b/packages/plugin-react/src/index.ts
@@ -1,7 +1,6 @@
 import type * as babelCore from '@babel/core'
 import type { ParserOptions, TransformOptions } from '@babel/core'
 import type { Plugin, ResolvedConfig } from 'vite'
-
 import {
   exactRegex,
   makeIdFiltersToMatchWithQuery,
diff --git a/packages/plugin-react/tests/rolldown.test.ts b/packages/plugin-react/tests/rolldown.test.ts
index b67ab713a..ab9c0b16d 100644
--- a/packages/plugin-react/tests/rolldown.test.ts
+++ b/packages/plugin-react/tests/rolldown.test.ts
@@ -1,7 +1,6 @@
 import path from 'node:path'
 import { type Plugin, rolldown } from 'rolldown'
 import { expect, test } from 'vitest'
-
 import pluginReact, { type Options } from '../src/index.ts'
 
 test('HMR related code should not be included when using rolldown', async () => {
diff --git a/packages/plugin-rsc/e2e/base.test.ts b/packages/plugin-rsc/e2e/base.test.ts
index edb85d2f7..1f651b9d0 100644
--- a/packages/plugin-rsc/e2e/base.test.ts
+++ b/packages/plugin-rsc/e2e/base.test.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { setupInlineFixture, useFixture, type Fixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/basic.test.ts b/packages/plugin-rsc/e2e/basic.test.ts
index 09363879b..f300808c4 100644
--- a/packages/plugin-rsc/e2e/basic.test.ts
+++ b/packages/plugin-rsc/e2e/basic.test.ts
@@ -9,7 +9,6 @@ import { readFileSync } from 'node:fs'
 import path from 'node:path'
 import { x } from 'tinyexec'
 import { normalizePath, type Rollup } from 'vite'
-
 import { type Fixture, useCreateEditor, useFixture } from './fixture'
 import {
   expectNoPageError,
@@ -391,9 +390,7 @@ function defineTest(f: Fixture) {
       if (!options.js) await page.goto(f.url())
       await expect(
         page.getByRole('button', { name: 'server-counter: 0' }),
-      ).toBeVisible({
-        timeout: 10,
-      })
+      ).toBeVisible({ timeout: 10 })
     }).toPass()
 
     await page.getByRole('button', { name: 'server-counter: 0' }).click()
@@ -406,9 +403,7 @@ function defineTest(f: Fixture) {
       if (!options.js) await page.goto(f.url())
       await expect(
         page.getByRole('button', { name: 'server-counter: 0' }),
-      ).toBeVisible({
-        timeout: 10,
-      })
+      ).toBeVisible({ timeout: 10 })
     }).toPass()
   }
 
@@ -806,9 +801,7 @@ function defineTest(f: Fixture) {
         await expect(page.locator('.test-style-client-dep')).toHaveCSS(
           'color',
           'rgb(0, 0, 0)',
-          {
-            timeout: 10,
-          },
+          { timeout: 10 },
         )
       }).toPass()
 
@@ -900,9 +893,7 @@ function defineTest(f: Fixture) {
         await expect(page.locator('.test-style-server')).toHaveCSS(
           'color',
           'rgb(255, 165, 0)',
-          {
-            timeout: 10,
-          },
+          { timeout: 10 },
         )
       }).toPass()
     })
@@ -932,9 +923,7 @@ function defineTest(f: Fixture) {
         await expect(page.locator('.test-style-server')).toHaveCSS(
           'color',
           'rgb(0, 0, 0)',
-          {
-            timeout: 10,
-          },
+          { timeout: 10 },
         )
       }).toPass()
 
@@ -946,9 +935,7 @@ function defineTest(f: Fixture) {
         await expect(page.locator('.test-style-server')).toHaveCSS(
           'color',
           'rgb(255, 165, 0)',
-          {
-            timeout: 10,
-          },
+          { timeout: 10 },
         )
       }).toPass()
     }
diff --git a/packages/plugin-rsc/e2e/browser-mode.test.ts b/packages/plugin-rsc/e2e/browser-mode.test.ts
index 6cc5c6912..84280fd14 100644
--- a/packages/plugin-rsc/e2e/browser-mode.test.ts
+++ b/packages/plugin-rsc/e2e/browser-mode.test.ts
@@ -1,5 +1,4 @@
 import { expect, test, type Page } from '@playwright/test'
-
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/browser.test.ts b/packages/plugin-rsc/e2e/browser.test.ts
index 531637f1e..a17031bb1 100644
--- a/packages/plugin-rsc/e2e/browser.test.ts
+++ b/packages/plugin-rsc/e2e/browser.test.ts
@@ -1,7 +1,6 @@
 import { expect, test } from '@playwright/test'
 import fs from 'node:fs'
 import path from 'node:path'
-
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/build-app.test.ts b/packages/plugin-rsc/e2e/build-app.test.ts
index 53c2c907a..dc53a2705 100644
--- a/packages/plugin-rsc/e2e/build-app.test.ts
+++ b/packages/plugin-rsc/e2e/build-app.test.ts
@@ -1,6 +1,5 @@
 import { test, expect } from '@playwright/test'
 import { x } from 'tinyexec'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 
diff --git a/packages/plugin-rsc/e2e/cloudflare.test.ts b/packages/plugin-rsc/e2e/cloudflare.test.ts
index 5739bb312..0f26214fe 100644
--- a/packages/plugin-rsc/e2e/cloudflare.test.ts
+++ b/packages/plugin-rsc/e2e/cloudflare.test.ts
@@ -1,5 +1,4 @@
 import { test } from '@playwright/test'
-
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/error.test.ts b/packages/plugin-rsc/e2e/error.test.ts
index d4133f53d..a86ccbbab 100644
--- a/packages/plugin-rsc/e2e/error.test.ts
+++ b/packages/plugin-rsc/e2e/error.test.ts
@@ -1,6 +1,5 @@
 import { test, expect } from '@playwright/test'
 import { x } from 'tinyexec'
-
 import { setupInlineFixture } from './fixture'
 
 test.describe('invalid directives', () => {
diff --git a/packages/plugin-rsc/e2e/isolated.test.ts b/packages/plugin-rsc/e2e/isolated.test.ts
index e35480bfa..fbcf3cb93 100644
--- a/packages/plugin-rsc/e2e/isolated.test.ts
+++ b/packages/plugin-rsc/e2e/isolated.test.ts
@@ -3,7 +3,6 @@ import os from 'node:os'
 import path from 'node:path'
 import { x } from 'tinyexec'
 import * as vite from 'vite'
-
 import { setupIsolatedFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 import { defineStarterTest } from './starter'
diff --git a/packages/plugin-rsc/e2e/middleware-mode.test.ts b/packages/plugin-rsc/e2e/middleware-mode.test.ts
index d0656a353..12b75e0ef 100644
--- a/packages/plugin-rsc/e2e/middleware-mode.test.ts
+++ b/packages/plugin-rsc/e2e/middleware-mode.test.ts
@@ -1,5 +1,4 @@
 import { test } from '@playwright/test'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/module-runner.test.ts b/packages/plugin-rsc/e2e/module-runner.test.ts
index 92b122356..382495acb 100644
--- a/packages/plugin-rsc/e2e/module-runner.test.ts
+++ b/packages/plugin-rsc/e2e/module-runner.test.ts
@@ -1,5 +1,4 @@
 import { test } from '@playwright/test'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/no-ssr.test.ts b/packages/plugin-rsc/e2e/no-ssr.test.ts
index df6077f77..9bc118824 100644
--- a/packages/plugin-rsc/e2e/no-ssr.test.ts
+++ b/packages/plugin-rsc/e2e/no-ssr.test.ts
@@ -1,7 +1,6 @@
 import { expect, test } from '@playwright/test'
 import fs from 'node:fs'
 import path from 'node:path'
-
 import { useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/react-compiler.test.ts b/packages/plugin-rsc/e2e/react-compiler.test.ts
index db4faf5d6..894f83206 100644
--- a/packages/plugin-rsc/e2e/react-compiler.test.ts
+++ b/packages/plugin-rsc/e2e/react-compiler.test.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 import { defineStarterTest } from './starter'
diff --git a/packages/plugin-rsc/e2e/react-router.test.ts b/packages/plugin-rsc/e2e/react-router.test.ts
index bf03567eb..0ede348a8 100644
--- a/packages/plugin-rsc/e2e/react-router.test.ts
+++ b/packages/plugin-rsc/e2e/react-router.test.ts
@@ -2,7 +2,6 @@ import { expect, test } from '@playwright/test'
 import { createHash } from 'node:crypto'
 import { readFileSync } from 'node:fs'
 import React from 'react'
-
 import { type Fixture, useFixture } from './fixture'
 import { expectNoReload, testNoJs, waitForHydration } from './helper'
 
diff --git a/packages/plugin-rsc/e2e/render-built-url.test.ts b/packages/plugin-rsc/e2e/render-built-url.test.ts
index 18b71538d..0bc92cbc2 100644
--- a/packages/plugin-rsc/e2e/render-built-url.test.ts
+++ b/packages/plugin-rsc/e2e/render-built-url.test.ts
@@ -1,8 +1,6 @@
 import type { RenderBuiltAssetUrl } from 'vite'
-
 import { expect, test } from '@playwright/test'
 import fs from 'node:fs'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { expectNoPageError, waitForHydration } from './helper'
 import { defineStarterTest } from './starter'
diff --git a/packages/plugin-rsc/e2e/root.test.ts b/packages/plugin-rsc/e2e/root.test.ts
index c1ab37d90..a1a35d28c 100644
--- a/packages/plugin-rsc/e2e/root.test.ts
+++ b/packages/plugin-rsc/e2e/root.test.ts
@@ -1,7 +1,6 @@
 import { test } from '@playwright/test'
 import fs from 'node:fs'
 import path from 'node:path'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { defineStarterTest } from './starter'
 
diff --git a/packages/plugin-rsc/e2e/ssg.test.ts b/packages/plugin-rsc/e2e/ssg.test.ts
index f521ac191..b1b7d4fb1 100644
--- a/packages/plugin-rsc/e2e/ssg.test.ts
+++ b/packages/plugin-rsc/e2e/ssg.test.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { type Fixture, useFixture } from './fixture'
 import { waitForHydration } from './helper'
 
diff --git a/packages/plugin-rsc/e2e/ssr-thenable.test.ts b/packages/plugin-rsc/e2e/ssr-thenable.test.ts
index 70aa0e8fe..7bf9e14e4 100644
--- a/packages/plugin-rsc/e2e/ssr-thenable.test.ts
+++ b/packages/plugin-rsc/e2e/ssr-thenable.test.ts
@@ -1,5 +1,4 @@
 import { test } from '@playwright/test'
-
 import { setupInlineFixture, type Fixture, useFixture } from './fixture'
 import {
   expectNoPageError,
diff --git a/packages/plugin-rsc/e2e/starter.test.ts b/packages/plugin-rsc/e2e/starter.test.ts
index 73ee8bf0d..db9a3fe57 100644
--- a/packages/plugin-rsc/e2e/starter.test.ts
+++ b/packages/plugin-rsc/e2e/starter.test.ts
@@ -1,6 +1,5 @@
 import { expect, test } from '@playwright/test'
 import { x } from 'tinyexec'
-
 import { setupInlineFixture, useFixture, type Fixture } from './fixture'
 import { expectNoPageError, waitForHydration } from './helper'
 import { defineStarterTest } from './starter'
diff --git a/packages/plugin-rsc/e2e/starter.ts b/packages/plugin-rsc/e2e/starter.ts
index a58da29c9..3f2e02378 100644
--- a/packages/plugin-rsc/e2e/starter.ts
+++ b/packages/plugin-rsc/e2e/starter.ts
@@ -1,5 +1,4 @@
 import { expect, test } from '@playwright/test'
-
 import { type Fixture } from './fixture'
 import {
   expectNoPageError,
diff --git a/packages/plugin-rsc/e2e/syntax-error.test.ts b/packages/plugin-rsc/e2e/syntax-error.test.ts
index b122331bc..a44980d95 100644
--- a/packages/plugin-rsc/e2e/syntax-error.test.ts
+++ b/packages/plugin-rsc/e2e/syntax-error.test.ts
@@ -1,5 +1,4 @@
 import { test, expect } from '@playwright/test'
-
 import { setupInlineFixture, useFixture } from './fixture'
 import { waitForHydration, expectNoReload } from './helper'
 
diff --git a/packages/plugin-rsc/e2e/validate-imports.test.ts b/packages/plugin-rsc/e2e/validate-imports.test.ts
index 72245c3f1..6224bf497 100644
--- a/packages/plugin-rsc/e2e/validate-imports.test.ts
+++ b/packages/plugin-rsc/e2e/validate-imports.test.ts
@@ -1,6 +1,5 @@
 import { test, expect } from '@playwright/test'
 import { x } from 'tinyexec'
-
 import { setupInlineFixture, useFixture, type Fixture } from './fixture'
 import { expectNoPageError, waitForHydration } from './helper'
 
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx
index 8b8d3d496..bbbc66949 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.browser.tsx
@@ -8,9 +8,7 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-
 import type { RscPayload } from './entry.rsc'
-
 import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
index d1e316eb9..bd8928ed5 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.rsc.tsx
@@ -1,6 +1,5 @@
 import type React from 'react'
 import type { ReactFormState } from 'react-dom/client'
-
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -9,7 +8,6 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-
 import { parseRenderRequest } from './request.tsx'
 import '../styles.css'
 
diff --git a/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
index a0732d199..f12d0cc06 100644
--- a/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/basic/src/framework/entry.ssr.tsx
@@ -1,10 +1,8 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import { createFromReadableStream } from '@vitejs/plugin-rsc/ssr'
 import React from 'react'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
-
 import type { RscPayload } from './entry.rsc'
 
 export async function renderHTML(
diff --git a/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
index 77b6c33f6..8f0bc2368 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/action-from-client/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { testAction, testAction2, testActionState } from './action'
 
 export function TestActionFromClient() {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx
index 75f972955..57686ac5f 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/css-queries/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import cssInline from './client-inline.css?inline'
 import cssRaw from './client-raw.css?raw'
 import cssUrl from './client-url.css?url'
diff --git a/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx
index 12fa46ac5..cb029357e 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/deps/client-in-server/server.tsx
@@ -2,7 +2,6 @@
 import { TestClientInServerDep } from '@vitejs/test-dep-client-in-server/server'
 // @ts-ignore
 import { TestContextProviderInServer } from '@vitejs/test-dep-client-in-server2/server'
-
 import { TestContextValueIndirect } from './client'
 
 export function TestClientInServer() {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx
index 340ccff51..10c2a1e44 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/deps/transitive-cjs/client.tsx
@@ -2,6 +2,7 @@
 
 // @ts-ignore
 import { TestClient } from '@vitejs/test-dep-transitive-cjs/client'
+
 // @ts-ignore
 import { TestClient as TestClient2 } from '@vitejs/test-dep-transitive-use-sync-external-store/client'
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
index 6e83fb4ad..3c2500fbe 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { ClientDep } from './client-dep'
 
 export function TestHmrClientDep(props: { url: Pick<URL, 'search'> }) {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
index e36bc4d69..8bee6cdbc 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep2/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { clientDep } from './client-dep'
 
 export function TestHmrClientDep2(props: { url: Pick<URL, 'search'> }) {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
index d4fdf54e8..c4154575c 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-client-dep3/client-a.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { clientDep } from './client-dep'
 import { ClientDepComp } from './client-dep-comp'
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
index 9a1f3770f..76dcff0b2 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/hmr-shared/atomic/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { testShared } from './shared'
 
 export function TestClient({
diff --git a/packages/plugin-rsc/examples/basic/src/routes/root.tsx b/packages/plugin-rsc/examples/basic/src/routes/root.tsx
index fee9209b6..715c5d5d8 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/root.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/root.tsx
@@ -1,6 +1,5 @@
 import TestDepCssInServer from '@vitejs/test-dep-css-in-server/server'
 import React from 'react'
-
 import {
   TestServerActionBindAction,
   TestServerActionBindClient,
diff --git a/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
index 97daee977..ffb7b9699 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/serialization/server.tsx
@@ -2,7 +2,6 @@ import {
   createFromReadableStream,
   renderToReadableStream,
 } from '@vitejs/plugin-rsc/rsc'
-
 import { testSerializationAction } from './action'
 import { TestSerializationClient } from './client'
 
diff --git a/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx b/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx
index def7871a7..69dd7e9fa 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/temporary-reference/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { action } from './action'
 
 export function TestTemporaryReference() {
diff --git a/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx b/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx
index 18c2d92de..a97edefcf 100644
--- a/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx
+++ b/packages/plugin-rsc/examples/basic/src/routes/use-id/server.tsx
@@ -1,5 +1,4 @@
 import { useId } from 'react'
-
 import { TestUseIdClient } from './client'
 
 export function TestUseId() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js
index 23518218b..e145d3c52 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server/server.js
@@ -1,5 +1,4 @@
 import React from 'react'
-
 import { TestClient } from './client.js'
 
 export async function TestClientInServerDep() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
index 69ef56801..323d0e03f 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/client-in-server2/server.js
@@ -1,5 +1,4 @@
 import React from 'react'
-
 import { TestContextProvider } from './client.js'
 
 export function TestContextProviderInServer(props) {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js b/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
index 4b5deb060..4fefceb50 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/css-in-server/server.js
@@ -1,5 +1,4 @@
 import React from 'react'
-
 import './server.css'
 
 const h = React.createElement
diff --git a/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js b/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js
index eb4424698..bdb6c4596 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/server-in-client/client.js
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { changeCounter } from './server.js'
 
 const h = React.createElement
diff --git a/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js b/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js
index 4c3b6dc84..87aa08e69 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/transitive-cjs/client.js
@@ -1,8 +1,9 @@
 'use client'
 
-import { ok } from '@vitejs/test-dep-cjs'
 import React from 'react'
 
+import { ok } from '@vitejs/test-dep-cjs'
+
 const h = React.createElement
 
 export function TestClient() {
diff --git a/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js b/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js
index 1079d08cb..1ac3e0cc1 100644
--- a/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js
+++ b/packages/plugin-rsc/examples/basic/test-dep/transitive-use-sync-external-store/client.js
@@ -1,6 +1,7 @@
 'use client'
 
 import React from 'react'
+
 // similar to
 // https://github.com/vercel/swr/blob/063fe55dddb95f0b6c3f1637a935c43d732ded78/src/index/use-swr.ts#L3
 // https://github.com/TanStack/store/blob/1d1323283e79059821d6c731eaaee60e4143dbc2/packages/react-store/src/index.ts#L1
diff --git a/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx b/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx
index 94b2f81ab..aca850f2f 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/action-from-client/client.tsx
@@ -1,7 +1,6 @@
 'use client'
 
 import React from 'react'
-
 import { testActionState } from './action'
 
 export function TestUseActionState() {
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx
index 33431e5ad..eed0ec957 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.browser.tsx
@@ -8,7 +8,6 @@ import {
 import * as React from 'react'
 import { createRoot } from 'react-dom/client'
 import buildClientReferences from 'virtual:vite-rsc-browser-mode/build-client-references'
-
 import type { RscPayload } from './entry.rsc'
 
 let fetchServer: typeof import('./entry.rsc').fetchServer
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx
index 72c2c4414..eb6520a92 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/entry.rsc.tsx
@@ -1,6 +1,5 @@
 import type React from 'react'
 import type { ReactFormState } from 'react-dom/client'
-
 import {
   setRequireModule,
   renderToReadableStream,
@@ -11,7 +10,6 @@ import {
   decodeFormState,
 } from '@vitejs/plugin-rsc/react/rsc'
 import buildServerReferences from 'virtual:vite-rsc-browser-mode/build-server-references'
-
 import { Root } from '../root'
 
 export type RscPayload = {
diff --git a/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx b/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx
index a1e8ce528..3fd2c6e42 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/framework/main.tsx
@@ -1,5 +1,4 @@
 import loadClient from 'virtual:vite-rsc-browser-mode/load-client'
-
 import * as server from './entry.rsc'
 
 async function main() {
diff --git a/packages/plugin-rsc/examples/browser-mode/src/root.tsx b/packages/plugin-rsc/examples/browser-mode/src/root.tsx
index a61600b0e..6d5857bc6 100644
--- a/packages/plugin-rsc/examples/browser-mode/src/root.tsx
+++ b/packages/plugin-rsc/examples/browser-mode/src/root.tsx
@@ -1,6 +1,5 @@
 import './index.css'
 import viteLogo from '/vite.svg'
-
 import { TestActionBind } from './action-bind/server.tsx'
 import { TestUseActionState } from './action-from-client/client.tsx'
 import { getServerCounter, updateServerCounter } from './action.tsx'
diff --git a/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
index 2d3abbd9c..7c07b5785 100644
--- a/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/browser/src/framework/entry.browser.tsx
@@ -6,9 +6,7 @@ import {
 } from '@vitejs/plugin-rsc/browser'
 import React from 'react'
 import { createRoot } from 'react-dom/client'
-
 import type { RscPayload } from './entry.rsc'
-
 import { loadEntryRsc } from '../../lib/runtime'
 
 async function fetchRsc(request: Request): Promise<Response> {
diff --git a/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx
index fca08938c..6060f34b0 100644
--- a/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/browser/src/framework/entry.rsc.tsx
@@ -1,5 +1,4 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -8,7 +7,6 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-
 import { Root } from '../root.tsx'
 
 export type RscPayload = {
diff --git a/packages/plugin-rsc/examples/browser/src/root.tsx b/packages/plugin-rsc/examples/browser/src/root.tsx
index 168cbdbc7..9baa7b9c2 100644
--- a/packages/plugin-rsc/examples/browser/src/root.tsx
+++ b/packages/plugin-rsc/examples/browser/src/root.tsx
@@ -1,6 +1,5 @@
 import './index.css' // css import is automatically injected in exported server components
 import viteLogo from '/vite.svg'
-
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
diff --git a/packages/plugin-rsc/examples/browser/vite.config.ts b/packages/plugin-rsc/examples/browser/vite.config.ts
index 0d9f827cb..c0485cf59 100644
--- a/packages/plugin-rsc/examples/browser/vite.config.ts
+++ b/packages/plugin-rsc/examples/browser/vite.config.ts
@@ -1,7 +1,6 @@
 import react from '@vitejs/plugin-react'
 import rsc from '@vitejs/plugin-rsc'
 import { defineConfig } from 'vite'
-
 import rscBrowser from './lib/plugin'
 
 export default defineConfig({
diff --git a/packages/plugin-rsc/examples/e2e/middleware-mode.ts b/packages/plugin-rsc/examples/e2e/middleware-mode.ts
index 1c86387ef..9f8d0a525 100644
--- a/packages/plugin-rsc/examples/e2e/middleware-mode.ts
+++ b/packages/plugin-rsc/examples/e2e/middleware-mode.ts
@@ -1,5 +1,4 @@
 import type { Connect } from 'vite'
-
 import { createRequestListener } from '@remix-run/node-fetch-server'
 // @ts-ignore
 import connect from 'connect'
diff --git a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
index f7b5fc8af..1bd8134ef 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.browser.tsx
@@ -6,7 +6,6 @@ import {
 } from '@vitejs/plugin-rsc/browser'
 import React from 'react'
 import { createRoot } from 'react-dom/client'
-
 import type { RscPayload } from './entry.rsc'
 
 async function main() {
diff --git a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx
index 7ca5e111b..c1edd9c48 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/framework/entry.rsc.tsx
@@ -1,5 +1,4 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -8,7 +7,6 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-
 import { Root } from '../root.tsx'
 
 export type RscPayload = {
diff --git a/packages/plugin-rsc/examples/no-ssr/src/root.tsx b/packages/plugin-rsc/examples/no-ssr/src/root.tsx
index 168cbdbc7..9baa7b9c2 100644
--- a/packages/plugin-rsc/examples/no-ssr/src/root.tsx
+++ b/packages/plugin-rsc/examples/no-ssr/src/root.tsx
@@ -1,6 +1,5 @@
 import './index.css' // css import is automatically injected in exported server components
 import viteLogo from '/vite.svg'
-
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
diff --git a/packages/plugin-rsc/examples/react-router/app/root.tsx b/packages/plugin-rsc/examples/react-router/app/root.tsx
index 4df3f272c..75b019e9f 100644
--- a/packages/plugin-rsc/examples/react-router/app/root.tsx
+++ b/packages/plugin-rsc/examples/react-router/app/root.tsx
@@ -1,6 +1,5 @@
 import './styles.css'
 import { Link, Outlet } from 'react-router'
-
 import { TestClientState, TestHydrated } from './routes/client'
 import { DumpError, GlobalNavigationLoadingBar } from './routes/root.client'
 
diff --git a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx
index e19ee95dd..847211bfd 100644
--- a/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/react-router/react-router-vite/entry.rsc.tsx
@@ -7,7 +7,6 @@ import {
   renderToReadableStream,
 } from '@vitejs/plugin-rsc/rsc'
 import { unstable_matchRSCServerRequest as matchRSCServerRequest } from 'react-router'
-
 import { routes } from '../app/routes'
 
 export function fetchServer(request: Request) {
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
index 18c108233..f96d93427 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.browser.tsx
@@ -5,9 +5,7 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-
 import type { RscPayload } from './shared'
-
 import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
index 75e4ada64..fc310f635 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.rsc.tsx
@@ -1,7 +1,5 @@
 import { renderToReadableStream } from '@vitejs/plugin-rsc/rsc'
-
 import type { RscPayload } from './shared'
-
 import { Root, getStaticPaths } from '../root'
 import { parseRenderRequest } from './request'
 
diff --git a/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
index d97ff98ed..04995bb35 100644
--- a/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/ssg/src/framework/entry.ssr.tsx
@@ -3,7 +3,6 @@ import React from 'react'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { prerender } from 'react-dom/static.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
-
 import type { RscPayload } from './shared'
 
 export async function renderHtml(
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx
index 3e2eb5c34..5b48ebdfa 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.browser.tsx
@@ -8,9 +8,7 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-
 import type { RscPayload } from './entry.rsc'
-
 import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
index ed943ade9..f32cca2f6 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.rsc.tsx
@@ -1,5 +1,4 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -8,7 +7,6 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-
 import { Root } from '../root.tsx'
 import { parseRenderRequest } from './request.tsx'
 
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
index 4c89a0850..5f4ccc24e 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/framework/entry.ssr.tsx
@@ -1,10 +1,8 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import { createFromReadableStream } from '@vitejs/plugin-rsc/ssr'
 import React from 'react'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
-
 import type { RscPayload } from './entry.rsc'
 
 export type RenderHTML = typeof renderHTML
diff --git a/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx b/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
index 0ec0569cb..694d3fe7d 100644
--- a/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
+++ b/packages/plugin-rsc/examples/starter-cf-single/src/root.tsx
@@ -1,6 +1,5 @@
 import './index.css'
 import viteLogo from '/vite.svg'
-
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx
index 3e2eb5c34..5b48ebdfa 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.browser.tsx
@@ -8,9 +8,7 @@ import {
 import React from 'react'
 import { createRoot, hydrateRoot } from 'react-dom/client'
 import { rscStream } from 'rsc-html-stream/client'
-
 import type { RscPayload } from './entry.rsc'
-
 import { GlobalErrorBoundary } from './error-boundary'
 import { createRscRenderRequest } from './request'
 
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
index 36630fea8..f0058709a 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.rsc.tsx
@@ -1,5 +1,4 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import {
   renderToReadableStream,
   createTemporaryReferenceSet,
@@ -8,7 +7,6 @@ import {
   decodeAction,
   decodeFormState,
 } from '@vitejs/plugin-rsc/rsc'
-
 import { Root } from '../root.tsx'
 import { parseRenderRequest } from './request.tsx'
 
diff --git a/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx b/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
index 070c61ce9..b0b5d9abd 100644
--- a/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
+++ b/packages/plugin-rsc/examples/starter/src/framework/entry.ssr.tsx
@@ -1,10 +1,8 @@
 import type { ReactFormState } from 'react-dom/client'
-
 import { createFromReadableStream } from '@vitejs/plugin-rsc/ssr'
 import React from 'react'
 import { renderToReadableStream } from 'react-dom/server.edge'
 import { injectRSCPayload } from 'rsc-html-stream/server'
-
 import type { RscPayload } from './entry.rsc'
 
 export async function renderHTML(
diff --git a/packages/plugin-rsc/examples/starter/src/root.tsx b/packages/plugin-rsc/examples/starter/src/root.tsx
index 1da06cee3..c6a649706 100644
--- a/packages/plugin-rsc/examples/starter/src/root.tsx
+++ b/packages/plugin-rsc/examples/starter/src/root.tsx
@@ -1,6 +1,5 @@
 import './index.css' // css import is automatically injected in exported server components
 import viteLogo from '/vite.svg'
-
 import { getServerCounter, updateServerCounter } from './action.tsx'
 import reactLogo from './assets/react.svg'
 import { ClientCounter } from './client.tsx'
diff --git a/packages/plugin-rsc/src/browser.ts b/packages/plugin-rsc/src/browser.ts
index 3166ee3ed..0892a8879 100644
--- a/packages/plugin-rsc/src/browser.ts
+++ b/packages/plugin-rsc/src/browser.ts
@@ -1,5 +1,4 @@
 import * as clientReferences from 'virtual:vite-rsc/client-references'
-
 import { setRequireModule } from './core/browser'
 
 export * from './react/browser'
diff --git a/packages/plugin-rsc/src/core/browser.ts b/packages/plugin-rsc/src/core/browser.ts
index c68023070..d0f5e649f 100644
--- a/packages/plugin-rsc/src/core/browser.ts
+++ b/packages/plugin-rsc/src/core/browser.ts
@@ -1,5 +1,4 @@
 import { memoize } from '@hiogawa/utils'
-
 import { removeReferenceCacheTag, setInternalRequire } from './shared'
 
 let init = false
diff --git a/packages/plugin-rsc/src/core/rsc.ts b/packages/plugin-rsc/src/core/rsc.ts
index a89bb39d6..d00452555 100644
--- a/packages/plugin-rsc/src/core/rsc.ts
+++ b/packages/plugin-rsc/src/core/rsc.ts
@@ -1,9 +1,5 @@
 import { memoize, tinyassert } from '@hiogawa/utils'
-// @ts-ignore
-import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge'
-
 import type { BundlerConfig, ImportManifestEntry, ModuleMap } from '../types'
-
 import {
   SERVER_DECODE_CLIENT_PREFIX,
   SERVER_REFERENCE_PREFIX,
@@ -12,6 +8,9 @@ import {
   setInternalRequire,
 } from './shared'
 
+// @ts-ignore
+import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge'
+
 let init = false
 let requireModule!: (id: string) => unknown
 
diff --git a/packages/plugin-rsc/src/core/ssr.ts b/packages/plugin-rsc/src/core/ssr.ts
index b85279435..68a847a36 100644
--- a/packages/plugin-rsc/src/core/ssr.ts
+++ b/packages/plugin-rsc/src/core/ssr.ts
@@ -1,7 +1,5 @@
 import { memoize } from '@hiogawa/utils'
-
 import type { ServerConsumerManifest } from '../types'
-
 import { removeReferenceCacheTag, setInternalRequire } from './shared'
 
 let init = false
diff --git a/packages/plugin-rsc/src/plugin.ts b/packages/plugin-rsc/src/plugin.ts
index 6663aa121..b99f1a578 100644
--- a/packages/plugin-rsc/src/plugin.ts
+++ b/packages/plugin-rsc/src/plugin.ts
@@ -24,7 +24,6 @@ import {
   parseAstAsync,
 } from 'vite'
 import { crawlFrameworkPkgs } from 'vitefu'
-
 import vitePluginRscCore from './core/plugin'
 import { cjsModuleRunnerPlugin } from './plugins/cjs'
 import { vitePluginFindSourceMapURL } from './plugins/find-source-map-url'
@@ -736,8 +735,9 @@ export default function vitePluginRsc(
             const resolved = await environment.pluginContainer.resolveId(source)
             assert(resolved, `[vite-rsc] failed to resolve entry '${source}'`)
             replacement =
-              `globalThis.__viteRscDevServer.environments[${JSON.stringify(environmentName)}]` +
-              `.runner.import(${JSON.stringify(resolved.id)})`
+              `globalThis.__viteRscDevServer.environments[${JSON.stringify(
+                environmentName,
+              )}]` + `.runner.import(${JSON.stringify(resolved.id)})`
           } else {
             replacement = JSON.stringify(
               `__vite_rsc_load_module:${this.environment.name}:${environmentName}:${entryName}`,
@@ -1397,7 +1397,9 @@ function vitePluginUseClient(
             (v) => v.packageSource === source,
           )!
           const exportNames = meta.exportNames
-          return `export {${exportNames.join(',')}} from ${JSON.stringify(source)};\n`
+          return `export {${exportNames.join(',')}} from ${JSON.stringify(
+            source,
+          )};\n`
         }
       },
       generateBundle(_options, bundle) {
@@ -1586,7 +1588,9 @@ function vitePluginDefineEncryptionKey(
           const normalizedPath = normalizeRelativePath(
             path.relative(path.join(chunk.fileName, '..'), KEY_FILE),
           )
-          const replacement = `import(${JSON.stringify(normalizedPath)}).then(__m => __m.default)`
+          const replacement = `import(${JSON.stringify(
+            normalizedPath,
+          )}).then(__m => __m.default)`
           code = code.replaceAll(KEY_PLACEHOLDER, () => replacement)
           return { code }
         }
@@ -2196,7 +2200,9 @@ function vitePluginRscCss(
             return `
               import __vite_rsc_assets_manifest__ from "virtual:vite-rsc/assets-manifest";
               ${generateResourcesCode(
-                `__vite_rsc_assets_manifest__.serverResources[${JSON.stringify(key)}]`,
+                `__vite_rsc_assets_manifest__.serverResources[${JSON.stringify(
+                  key,
+                )}]`,
                 manager,
               )}
             `
@@ -2309,7 +2315,9 @@ function __vite_rsc_wrap_css__(value, name) {
     return __vite_rsc_react__.createElement(
       __vite_rsc_react__.Fragment,
       null,
-      import.meta.viteRsc.loadCss(${options.id ? JSON.stringify(options.id) : ''}),
+      import.meta.viteRsc.loadCss(${
+        options.id ? JSON.stringify(options.id) : ''
+      }),
       __vite_rsc_react__.createElement(value, props),
     );
   }
diff --git a/packages/plugin-rsc/src/plugins/cjs.ts b/packages/plugin-rsc/src/plugins/cjs.ts
index f19cd2325..627181437 100644
--- a/packages/plugin-rsc/src/plugins/cjs.ts
+++ b/packages/plugin-rsc/src/plugins/cjs.ts
@@ -4,7 +4,6 @@ import fs from 'node:fs'
 import path from 'node:path'
 import { parseAstAsync, type Plugin } from 'vite'
 import { findClosestPkgJsonPath } from 'vitefu'
-
 import { transformCjsToEsm } from '../transforms/cjs'
 import { parseIdQuery } from './shared'
 
diff --git a/packages/plugin-rsc/src/plugins/find-source-map-url.ts b/packages/plugin-rsc/src/plugins/find-source-map-url.ts
index 502187e32..481fd7b1a 100644
--- a/packages/plugin-rsc/src/plugins/find-source-map-url.ts
+++ b/packages/plugin-rsc/src/plugins/find-source-map-url.ts
@@ -1,5 +1,4 @@
 import type { EnvironmentModuleNode, Plugin, ViteDevServer } from 'vite'
-
 import fs from 'node:fs'
 import { fileURLToPath } from 'node:url'
 
diff --git a/packages/plugin-rsc/src/plugins/scan.test.ts b/packages/plugin-rsc/src/plugins/scan.test.ts
index 0decac400..f56737329 100644
--- a/packages/plugin-rsc/src/plugins/scan.test.ts
+++ b/packages/plugin-rsc/src/plugins/scan.test.ts
@@ -1,5 +1,4 @@
 import { describe, expect, it } from 'vitest'
-
 import { transformScanBuildStrip } from './scan'
 
 describe(transformScanBuildStrip, () => {
diff --git a/packages/plugin-rsc/src/plugins/scan.ts b/packages/plugin-rsc/src/plugins/scan.ts
index e3b311a30..e72552663 100644
--- a/packages/plugin-rsc/src/plugins/scan.ts
+++ b/packages/plugin-rsc/src/plugins/scan.ts
@@ -1,7 +1,6 @@
 import * as esModuleLexer from 'es-module-lexer'
 import { walk } from 'estree-walker'
 import { parseAstAsync, type Plugin } from 'vite'
-
 import type { RscPluginManager } from '../plugin'
 
 // During scan build, we strip all code but imports to
diff --git a/packages/plugin-rsc/src/plugins/validate-import.ts b/packages/plugin-rsc/src/plugins/validate-import.ts
index 8fb29cc31..7d0d8169b 100644
--- a/packages/plugin-rsc/src/plugins/validate-import.ts
+++ b/packages/plugin-rsc/src/plugins/validate-import.ts
@@ -1,5 +1,4 @@
 import type { DevEnvironment, Plugin, Rollup } from 'vite'
-
 import path from 'node:path'
 
 // https://github.com/vercel/next.js/blob/90f564d376153fe0b5808eab7b83665ee5e08aaf/packages/next/src/build/webpack-config.ts#L1249-L1280
diff --git a/packages/plugin-rsc/src/plugins/vite-utils.ts b/packages/plugin-rsc/src/plugins/vite-utils.ts
index c14e7a0b7..a63418d0c 100644
--- a/packages/plugin-rsc/src/plugins/vite-utils.ts
+++ b/packages/plugin-rsc/src/plugins/vite-utils.ts
@@ -1,7 +1,6 @@
-import type { DevEnvironment, ErrorPayload, Rollup } from 'vite'
-
 // misc utilities copied from vite
 
+import type { DevEnvironment, ErrorPayload, Rollup } from 'vite'
 import fs from 'node:fs'
 import path from 'node:path'
 import { stripVTControlCharacters as strip } from 'node:util'
diff --git a/packages/plugin-rsc/src/react/browser.ts b/packages/plugin-rsc/src/react/browser.ts
index 7598241dc..2d0bded73 100644
--- a/packages/plugin-rsc/src/react/browser.ts
+++ b/packages/plugin-rsc/src/react/browser.ts
@@ -1,6 +1,5 @@
 // @ts-ignore
 import * as ReactClient from '@vitejs/plugin-rsc/vendor/react-server-dom/client.browser'
-
 import type { CallServerCallback } from '../types'
 
 export { setRequireModule } from '../core/browser'
diff --git a/packages/plugin-rsc/src/react/rsc.ts b/packages/plugin-rsc/src/react/rsc.ts
index 5bd1859b7..b78393458 100644
--- a/packages/plugin-rsc/src/react/rsc.ts
+++ b/packages/plugin-rsc/src/react/rsc.ts
@@ -1,10 +1,8 @@
 import type { ReactFormState } from 'react-dom/client'
-
 // @ts-ignore
 import * as ReactClient from '@vitejs/plugin-rsc/vendor/react-server-dom/client.edge'
 // @ts-ignore
 import * as ReactServer from '@vitejs/plugin-rsc/vendor/react-server-dom/server.edge'
-
 import {
   createClientManifest,
   createServerDecodeClientManifest,
diff --git a/packages/plugin-rsc/src/react/ssr.ts b/packages/plugin-rsc/src/react/ssr.ts
index fad9331cf..caa325750 100644
--- a/packages/plugin-rsc/src/react/ssr.ts
+++ b/packages/plugin-rsc/src/react/ssr.ts
@@ -1,6 +1,5 @@
 // @ts-ignore
 import * as ReactClient from '@vitejs/plugin-rsc/vendor/react-server-dom/client.edge'
-
 import { createServerConsumerManifest } from '../core/ssr'
 
 export { setRequireModule } from '../core/ssr'
diff --git a/packages/plugin-rsc/src/rsc.tsx b/packages/plugin-rsc/src/rsc.tsx
index 2f4b427f2..801fea4c0 100644
--- a/packages/plugin-rsc/src/rsc.tsx
+++ b/packages/plugin-rsc/src/rsc.tsx
@@ -1,5 +1,4 @@
 import serverReferences from 'virtual:vite-rsc/server-references'
-
 import { setRequireModule } from './core/rsc'
 
 export {
diff --git a/packages/plugin-rsc/src/ssr.tsx b/packages/plugin-rsc/src/ssr.tsx
index 4c357a388..b17982440 100644
--- a/packages/plugin-rsc/src/ssr.tsx
+++ b/packages/plugin-rsc/src/ssr.tsx
@@ -1,9 +1,7 @@
 import * as ReactDOM from 'react-dom'
 import assetsManifest from 'virtual:vite-rsc/assets-manifest'
 import * as clientReferences from 'virtual:vite-rsc/client-references'
-
 import type { ResolvedAssetDeps } from './plugin'
-
 import { setRequireModule } from './core/ssr'
 import { toCssVirtual } from './plugins/shared'
 
diff --git a/packages/plugin-rsc/src/transforms/cjs.test.ts b/packages/plugin-rsc/src/transforms/cjs.test.ts
index a5db62fc6..fa46caab8 100644
--- a/packages/plugin-rsc/src/transforms/cjs.test.ts
+++ b/packages/plugin-rsc/src/transforms/cjs.test.ts
@@ -1,7 +1,6 @@
 import path from 'node:path'
 import { createServer, createServerModuleRunner, parseAstAsync } from 'vite'
 import { describe, expect, it } from 'vitest'
-
 import { transformCjsToEsm } from './cjs'
 import { debugSourceMap } from './test-utils'
 
diff --git a/packages/plugin-rsc/src/transforms/cjs.ts b/packages/plugin-rsc/src/transforms/cjs.ts
index a8e3ffdba..bd50aef37 100644
--- a/packages/plugin-rsc/src/transforms/cjs.ts
+++ b/packages/plugin-rsc/src/transforms/cjs.ts
@@ -1,5 +1,4 @@
 import type { Program, Node } from 'estree'
-
 import { walk } from 'estree-walker'
 import MagicString from 'magic-string'
 import path from 'node:path'
diff --git a/packages/plugin-rsc/src/transforms/hoist.test.ts b/packages/plugin-rsc/src/transforms/hoist.test.ts
index df10a350c..22742a470 100644
--- a/packages/plugin-rsc/src/transforms/hoist.test.ts
+++ b/packages/plugin-rsc/src/transforms/hoist.test.ts
@@ -1,6 +1,5 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, it } from 'vitest'
-
 import { transformHoistInlineDirective } from './hoist'
 import { debugSourceMap } from './test-utils'
 
@@ -17,7 +16,11 @@ describe(transformHoistInlineDirective, () => {
     const { output } = transformHoistInlineDirective(input, ast, {
       runtime: (value, name, meta) =>
         `$$register(${value}, "<id>", ${JSON.stringify(name)}` +
-        `${options?.directive instanceof RegExp ? `, ${JSON.stringify(meta)}` : ''})`,
+        `${
+          options?.directive instanceof RegExp
+            ? `, ${JSON.stringify(meta)}`
+            : ''
+        })`,
       directive: options?.directive ?? 'use server',
       encode: options?.encode ? (v) => `__enc(${v})` : undefined,
       decode: options?.encode ? (v) => `__dec(${v})` : undefined,
diff --git a/packages/plugin-rsc/src/transforms/hoist.ts b/packages/plugin-rsc/src/transforms/hoist.ts
index 6c1444f91..40dd7f950 100644
--- a/packages/plugin-rsc/src/transforms/hoist.ts
+++ b/packages/plugin-rsc/src/transforms/hoist.ts
@@ -1,5 +1,4 @@
 import type { Program, Literal } from 'estree'
-
 import { tinyassert } from '@hiogawa/utils'
 import { walk } from 'estree-walker'
 import MagicString from 'magic-string'
@@ -102,7 +101,9 @@ export function transformHoistInlineDirective(
           ].join(', ')
           output.appendLeft(
             node.body.body[0]!.start,
-            `const [${bindVars.join(',')}] = ${options.decode('$$hoist_encoded')};\n`,
+            `const [${bindVars.join(',')}] = ${options.decode(
+              '$$hoist_encoded',
+            )};\n`,
           )
         }
 
diff --git a/packages/plugin-rsc/src/transforms/proxy-export.test.ts b/packages/plugin-rsc/src/transforms/proxy-export.test.ts
index 3e4764d9d..4be88ac00 100644
--- a/packages/plugin-rsc/src/transforms/proxy-export.test.ts
+++ b/packages/plugin-rsc/src/transforms/proxy-export.test.ts
@@ -1,6 +1,5 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
-
 import { transformProxyExport } from './proxy-export'
 import { debugSourceMap } from './test-utils'
 import { transformWrapExport } from './wrap-export'
diff --git a/packages/plugin-rsc/src/transforms/proxy-export.ts b/packages/plugin-rsc/src/transforms/proxy-export.ts
index 2b4741a20..826f4456f 100644
--- a/packages/plugin-rsc/src/transforms/proxy-export.ts
+++ b/packages/plugin-rsc/src/transforms/proxy-export.ts
@@ -1,9 +1,7 @@
 import type { Node, Program } from 'estree'
-
 import { tinyassert } from '@hiogawa/utils'
 import MagicString from 'magic-string'
 import { extract_names } from 'periscopic'
-
 import { hasDirective } from './utils'
 
 export type TransformProxyExportOptions = {
@@ -105,9 +103,7 @@ export function transformProxyExport(
                 const value = options.code.slice(decl.init.start, decl.init.end)
                 const newCode = `export const ${name} = /* #__PURE__ */ ${options.runtime(
                   name,
-                  {
-                    value,
-                  },
+                  { value },
                 )};`
                 output.update(node.start, node.end, newCode)
                 exportNames.push(name)
diff --git a/packages/plugin-rsc/src/transforms/server-action.ts b/packages/plugin-rsc/src/transforms/server-action.ts
index cb4da13c2..a7e3b83a1 100644
--- a/packages/plugin-rsc/src/transforms/server-action.ts
+++ b/packages/plugin-rsc/src/transforms/server-action.ts
@@ -1,6 +1,5 @@
 import type { Program } from 'estree'
 import type MagicString from 'magic-string'
-
 import { transformHoistInlineDirective } from './hoist'
 import { hasDirective } from './utils'
 import { transformWrapExport } from './wrap-export'
diff --git a/packages/plugin-rsc/src/transforms/test-utils.ts b/packages/plugin-rsc/src/transforms/test-utils.ts
index fd2c08852..d2db56975 100644
--- a/packages/plugin-rsc/src/transforms/test-utils.ts
+++ b/packages/plugin-rsc/src/transforms/test-utils.ts
@@ -1,5 +1,4 @@
 import type MagicString from 'magic-string'
-
 import { hashString } from '@hiogawa/utils'
 import { mkdir, writeFile } from 'fs/promises'
 import { dirname } from 'path'
diff --git a/packages/plugin-rsc/src/transforms/utils.ts b/packages/plugin-rsc/src/transforms/utils.ts
index b81a319db..9e8fa1c1a 100644
--- a/packages/plugin-rsc/src/transforms/utils.ts
+++ b/packages/plugin-rsc/src/transforms/utils.ts
@@ -1,5 +1,4 @@
 import type { Program } from 'estree'
-
 import { tinyassert } from '@hiogawa/utils'
 import { extract_names } from 'periscopic'
 
diff --git a/packages/plugin-rsc/src/transforms/waku.test.ts b/packages/plugin-rsc/src/transforms/waku.test.ts
index 9b6687ee6..a89d6bbda 100644
--- a/packages/plugin-rsc/src/transforms/waku.test.ts
+++ b/packages/plugin-rsc/src/transforms/waku.test.ts
@@ -1,6 +1,5 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
-
 import { transformDirectiveProxyExport } from './proxy-export'
 import { transformServerActionServer } from './server-action'
 import { debugSourceMap } from './test-utils'
diff --git a/packages/plugin-rsc/src/transforms/wrap-export.test.ts b/packages/plugin-rsc/src/transforms/wrap-export.test.ts
index 6f42d98f4..28dfa19a4 100644
--- a/packages/plugin-rsc/src/transforms/wrap-export.test.ts
+++ b/packages/plugin-rsc/src/transforms/wrap-export.test.ts
@@ -1,6 +1,5 @@
 import { parseAstAsync } from 'vite'
 import { describe, expect, test } from 'vitest'
-
 import { debugSourceMap } from './test-utils'
 import {
   type TransformWrapExportOptions,
diff --git a/packages/plugin-rsc/src/transforms/wrap-export.ts b/packages/plugin-rsc/src/transforms/wrap-export.ts
index c7dd4ff27..60c28592d 100644
--- a/packages/plugin-rsc/src/transforms/wrap-export.ts
+++ b/packages/plugin-rsc/src/transforms/wrap-export.ts
@@ -1,5 +1,4 @@
 import type { Node, Program } from 'estree'
-
 import { tinyassert } from '@hiogawa/utils'
 import MagicString from 'magic-string'
 import { extract_names } from 'periscopic'
@@ -53,7 +52,11 @@ export function transformWrapExport(
     const newCode = exports
       .map((e) => [
         filter(e.name, e.meta) &&
-          `${e.name} = /* #__PURE__ */ ${options.runtime(e.name, e.name, e.meta)};\n`,
+          `${e.name} = /* #__PURE__ */ ${options.runtime(
+            e.name,
+            e.name,
+            e.meta,
+          )};\n`,
         `export { ${e.name} };\n`,
       ])
       .flat()
@@ -71,7 +74,11 @@ export function transformWrapExport(
     }
 
     toAppend.push(
-      `const $$wrap_${name} = /* #__PURE__ */ ${options.runtime(name, exportName, meta)}`,
+      `const $$wrap_${name} = /* #__PURE__ */ ${options.runtime(
+        name,
+        exportName,
+        meta,
+      )}`,
       `export { $$wrap_${name} as ${exportName} }`,
     )
   }
diff --git a/packages/plugin-rsc/src/utils/encryption-runtime.ts b/packages/plugin-rsc/src/utils/encryption-runtime.ts
index 8cc09b91d..9c184078e 100644
--- a/packages/plugin-rsc/src/utils/encryption-runtime.ts
+++ b/packages/plugin-rsc/src/utils/encryption-runtime.ts
@@ -1,6 +1,5 @@
 import { once } from '@hiogawa/utils'
 import encryptionKeySource from 'virtual:vite-rsc/encryption-key'
-
 import { createFromReadableStream, renderToReadableStream } from '../react/rsc'
 import {
   arrayToStream,
diff --git a/packages/plugin-rsc/tsdown.config.ts b/packages/plugin-rsc/tsdown.config.ts
index c4422db95..2e19e74e7 100644
--- a/packages/plugin-rsc/tsdown.config.ts
+++ b/packages/plugin-rsc/tsdown.config.ts
@@ -35,10 +35,7 @@ export default defineConfig({
         fs.cpSync(
           './node_modules/react-server-dom-webpack',
           './dist/vendor/react-server-dom',
-          {
-            recursive: true,
-            dereference: true,
-          },
+          { recursive: true, dereference: true },
         )
         fs.rmSync('./dist/vendor/react-server-dom/node_modules', {
           recursive: true,
diff --git a/playground/class-components/src/App.tsx b/playground/class-components/src/App.tsx
index c0a448461..7340ce4a8 100644
--- a/playground/class-components/src/App.tsx
+++ b/playground/class-components/src/App.tsx
@@ -1,5 +1,4 @@
 import { Component } from 'react'
-
 import { getGetting } from './utils'
 
 export class App extends Component {
diff --git a/playground/class-components/src/index.tsx b/playground/class-components/src/index.tsx
index 5922f3e84..607cf4b4e 100644
--- a/playground/class-components/src/index.tsx
+++ b/playground/class-components/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/playground/compiler-react-18/src/App.tsx b/playground/compiler-react-18/src/App.tsx
index e64eb3fb1..5ac9bad2a 100644
--- a/playground/compiler-react-18/src/App.tsx
+++ b/playground/compiler-react-18/src/App.tsx
@@ -1,5 +1,4 @@
 import { useState } from 'react'
-
 import './App.css'
 
 export function App() {
diff --git a/playground/compiler-react-18/src/main.tsx b/playground/compiler-react-18/src/main.tsx
index 2b16bc77f..813e3d764 100644
--- a/playground/compiler-react-18/src/main.tsx
+++ b/playground/compiler-react-18/src/main.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-
 import { App } from './App'
 import './index.css'
 
diff --git a/playground/compiler/src/App.tsx b/playground/compiler/src/App.tsx
index 946ce0366..07f8d0add 100644
--- a/playground/compiler/src/App.tsx
+++ b/playground/compiler/src/App.tsx
@@ -1,5 +1,4 @@
 import { useState } from 'react'
-
 import './App.css'
 import { ClassComponent } from './ClassComponent'
 
diff --git a/playground/compiler/src/main.tsx b/playground/compiler/src/main.tsx
index 2b16bc77f..813e3d764 100644
--- a/playground/compiler/src/main.tsx
+++ b/playground/compiler/src/main.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-
 import { App } from './App'
 import './index.css'
 
diff --git a/playground/hmr-false/src/main.tsx b/playground/hmr-false/src/main.tsx
index 852be25a8..056386a7d 100644
--- a/playground/hmr-false/src/main.tsx
+++ b/playground/hmr-false/src/main.tsx
@@ -1,5 +1,4 @@
 import ReactDOM from 'react-dom/client'
-
 import App from './App.jsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/hook-with-jsx/src/index.tsx b/playground/hook-with-jsx/src/index.tsx
index ef13e792b..5e7046ce2 100644
--- a/playground/hook-with-jsx/src/index.tsx
+++ b/playground/hook-with-jsx/src/index.tsx
@@ -1,6 +1,5 @@
 import { StrictMode } from 'react'
 import { createRoot } from 'react-dom/client'
-
 import { App } from './App.tsx'
 
 createRoot(document.getElementById('root')!).render(
diff --git a/playground/include-node-modules/vite.config.ts b/playground/include-node-modules/vite.config.ts
index d7b6fd4b9..27d0da02b 100644
--- a/playground/include-node-modules/vite.config.ts
+++ b/playground/include-node-modules/vite.config.ts
@@ -1,5 +1,4 @@
 import type { PluginItem as BabelPlugin } from '@babel/core'
-
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
 
diff --git a/playground/mdx/src/main.tsx b/playground/mdx/src/main.tsx
index 30b76ea1e..2d7788204 100644
--- a/playground/mdx/src/main.tsx
+++ b/playground/mdx/src/main.tsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-
 import Demo from './demo.mdx'
 import Demo2 from './demo2.md'
 
diff --git a/playground/react-classic/App.jsx b/playground/react-classic/App.jsx
index 634928833..bb59d3864 100644
--- a/playground/react-classic/App.jsx
+++ b/playground/react-classic/App.jsx
@@ -1,5 +1,4 @@
 import React, { useState } from 'react'
-
 import WithQuery from './components/WithQuery?qs-should-not-break-plugin-react'
 
 function App() {
diff --git a/playground/react-classic/vite.config.ts b/playground/react-classic/vite.config.ts
index 8e4dde409..b6cc4f217 100644
--- a/playground/react-classic/vite.config.ts
+++ b/playground/react-classic/vite.config.ts
@@ -1,5 +1,4 @@
 import type { UserConfig } from 'vite'
-
 import react from '@vitejs/plugin-react'
 
 const config: UserConfig = {
diff --git a/playground/react-emotion/src/App.tsx b/playground/react-emotion/src/App.tsx
index f4da2f511..09300fd8d 100644
--- a/playground/react-emotion/src/App.tsx
+++ b/playground/react-emotion/src/App.tsx
@@ -1,6 +1,5 @@
 import { useState } from 'react'
 import _Switch from 'react-switch'
-
 import { Counter, StyledCode } from './Counter.tsx'
 
 const Switch = (_Switch as any).default || _Switch
diff --git a/playground/react-emotion/src/main.tsx b/playground/react-emotion/src/main.tsx
index e516cb0f2..1f5976c1d 100644
--- a/playground/react-emotion/src/main.tsx
+++ b/playground/react-emotion/src/main.tsx
@@ -1,5 +1,4 @@
 import ReactDOM from 'react-dom/client'
-
 import App from './App.tsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/react-env/vite.config.ts b/playground/react-env/vite.config.ts
index 93de4fada..edca17400 100644
--- a/playground/react-env/vite.config.ts
+++ b/playground/react-env/vite.config.ts
@@ -1,5 +1,4 @@
 import type { UserConfig } from 'vite'
-
 import react from '@vitejs/plugin-react'
 
 // Overriding the NODE_ENV set by vitest
diff --git a/playground/react-sourcemap/main.jsx b/playground/react-sourcemap/main.jsx
index 5441f1805..b53aa9526 100644
--- a/playground/react-sourcemap/main.jsx
+++ b/playground/react-sourcemap/main.jsx
@@ -1,6 +1,5 @@
 import React from 'react'
 import ReactDOM from 'react-dom/client'
-
 import App from './App.jsx'
 
 ReactDOM.createRoot(document.getElementById('app')).render(
diff --git a/playground/react-sourcemap/vite.config.ts b/playground/react-sourcemap/vite.config.ts
index 85d7df953..435af714d 100644
--- a/playground/react-sourcemap/vite.config.ts
+++ b/playground/react-sourcemap/vite.config.ts
@@ -1,5 +1,4 @@
 import type { UserConfig } from 'vite'
-
 import react from '@vitejs/plugin-react'
 
 const config: UserConfig = {
diff --git a/playground/react/App.jsx b/playground/react/App.jsx
index 55469d25d..ac581e3ee 100644
--- a/playground/react/App.jsx
+++ b/playground/react/App.jsx
@@ -1,6 +1,5 @@
 import Button from 'jsx-entry'
 import { useState } from 'react'
-
 import { Accordion } from './components/Accordion'
 import WithQuery from './components/WithQuery?qs-should-not-break-plugin-react'
 import { ContextButton } from './context/ContextButton'
diff --git a/playground/react/__tests__/react.spec.ts b/playground/react/__tests__/react.spec.ts
index ec6880912..fa3e28f30 100644
--- a/playground/react/__tests__/react.spec.ts
+++ b/playground/react/__tests__/react.spec.ts
@@ -103,7 +103,9 @@ if (!isBuild) {
         new RegExp(
           `^${escapeRegex(
             '[vite] invalidate /hmr/no-exported-comp.jsx: Could not Fast Refresh ("Foo" export is incompatible). Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/',
-          )}plugin-react(?:-\\w+)?${escapeRegex('#consistent-components-exports')}`,
+          )}plugin-react(?:-\\w+)?${escapeRegex(
+            '#consistent-components-exports',
+          )}`,
         ),
         '[vite] hot updated: /hmr/no-exported-comp.jsx',
         '[vite] hot updated: /hmr/parent.jsx',
@@ -132,7 +134,9 @@ if (!isBuild) {
         new RegExp(
           `^${escapeRegex(
             '[vite] invalidate /context/CountProvider.jsx: Could not Fast Refresh ("CountContext" export is incompatible). Learn more at https://github.com/vitejs/vite-plugin-react/tree/main/packages/',
-          )}plugin-react(?:-\\w+)?${escapeRegex('#consistent-components-exports')}`,
+          )}plugin-react(?:-\\w+)?${escapeRegex(
+            '#consistent-components-exports',
+          )}`,
         ),
         '[vite] hot updated: /context/CountProvider.jsx',
         '[vite] hot updated: /App.jsx',
diff --git a/playground/react/context/ContextButton.jsx b/playground/react/context/ContextButton.jsx
index 6a24f3188..92c6d0bd2 100644
--- a/playground/react/context/ContextButton.jsx
+++ b/playground/react/context/ContextButton.jsx
@@ -1,5 +1,4 @@
 import { useContext } from 'react'
-
 import { CountContext } from './CountProvider'
 
 export function ContextButton() {
diff --git a/playground/react/vite.config.ts b/playground/react/vite.config.ts
index 0037b3379..2a86257fc 100644
--- a/playground/react/vite.config.ts
+++ b/playground/react/vite.config.ts
@@ -1,5 +1,4 @@
 import type { UserConfig } from 'vite'
-
 import react from '@vitejs/plugin-react'
 
 const config: UserConfig = {
diff --git a/playground/ssr-react/src/entry-client.jsx b/playground/ssr-react/src/entry-client.jsx
index 46736dc98..62b8418e0 100644
--- a/playground/ssr-react/src/entry-client.jsx
+++ b/playground/ssr-react/src/entry-client.jsx
@@ -1,6 +1,5 @@
 import '@vitejs/plugin-react/preamble'
 import ReactDOM from 'react-dom/client'
-
 import { App } from './App'
 
 ReactDOM.hydrateRoot(
diff --git a/playground/ssr-react/src/entry-server.jsx b/playground/ssr-react/src/entry-server.jsx
index 543a06c5b..091b32a69 100644
--- a/playground/ssr-react/src/entry-server.jsx
+++ b/playground/ssr-react/src/entry-server.jsx
@@ -1,5 +1,4 @@
 import ReactDOMServer from 'react-dom/server'
-
 import { App } from './App'
 
 export function render(url) {
diff --git a/playground/test-utils.ts b/playground/test-utils.ts
index 3c713e897..772e398b3 100644
--- a/playground/test-utils.ts
+++ b/playground/test-utils.ts
@@ -1,12 +1,10 @@
-import type { ConsoleMessage, ElementHandle } from 'playwright-chromium'
-
 // test utils used in e2e tests for playgrounds.
 // `import { getColor } from '~utils'`
 
+import type { ConsoleMessage, ElementHandle } from 'playwright-chromium'
 import fs from 'node:fs'
 import path from 'node:path'
 import { expect } from 'vitest'
-
 import { page, testDir } from './vitestSetup'
 
 export * from './vitestSetup'
diff --git a/playground/tsconfig-jsx-preserve/src/main.tsx b/playground/tsconfig-jsx-preserve/src/main.tsx
index 852be25a8..056386a7d 100644
--- a/playground/tsconfig-jsx-preserve/src/main.tsx
+++ b/playground/tsconfig-jsx-preserve/src/main.tsx
@@ -1,5 +1,4 @@
 import ReactDOM from 'react-dom/client'
-
 import App from './App.jsx'
 
 ReactDOM.createRoot(document.getElementById('app')!).render(<App />)
diff --git a/playground/vitestGlobalSetup.ts b/playground/vitestGlobalSetup.ts
index fea3c02c3..ff64f1cb5 100644
--- a/playground/vitestGlobalSetup.ts
+++ b/playground/vitestGlobalSetup.ts
@@ -1,6 +1,5 @@
 import type { BrowserServer } from 'playwright-chromium'
 import type { TestProject } from 'vitest/node'
-
 import fs from 'fs-extra'
 import path from 'node:path'
 import { chromium } from 'playwright-chromium'
diff --git a/playground/vitestSetup.ts b/playground/vitestSetup.ts
index 9d7e945ae..539458627 100644
--- a/playground/vitestSetup.ts
+++ b/playground/vitestSetup.ts
@@ -11,7 +11,6 @@ import type {
   ViteDevServer,
 } from 'vite'
 import type { RunnerTestFile } from 'vitest'
-
 import fs from 'fs-extra'
 import path, { dirname, resolve } from 'node:path'
 import { chromium } from 'playwright-chromium'