remix-run · markdalgleish · Jun 18, 2025 · Jun 17, 2025 · Jun 17, 2025 · Jun 18, 2025
diff --git a/contributors.yml b/contributors.yml
@@ -132,6 +132,7 @@
 - hampelm
 - harshmangalam
 - hernanif1
+- hi-ogawa
 - HK-SHAO
 - holynewbie
 - hongji00

diff --git a/integration/helpers/rsc-vite/package.json b/integration/helpers/rsc-vite/package.json
@@ -9,7 +9,7 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@hiogawa/vite-rsc": "0.4.1",
+    "@hiogawa/vite-rsc": "0.4.2",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",

diff --git a/playground/rsc-vite/package.json b/playground/rsc-vite/package.json
@@ -9,7 +9,7 @@
     "typecheck": "tsc"
   },
   "devDependencies": {
-    "@hiogawa/vite-rsc": "0.4.1",
+    "@hiogawa/vite-rsc": "0.4.2",
     "@types/express": "^5.0.0",
     "@types/node": "^22.13.1",
     "@types/react": "^19.1.8",

diff --git a/playground/rsc-vite/src/routes/home/home.client.css b/playground/rsc-vite/src/routes/home/home.client.css
@@ -0,0 +1,4 @@
+.client-box {
+  border: 1px solid black;
+  padding: 5px;
+}
diff --git a/playground/rsc-vite/src/routes/home/home.client.tsx b/playground/rsc-vite/src/routes/home/home.client.tsx
@@ -4,6 +4,7 @@ import * as React from "react";
 import { type ClientLoaderFunctionArgs, useLoaderData } from "react-router";
 
 import { Counter } from "../../counter";
+import "./home.client.css";
 
 import type { loader } from "./home";
 
@@ -34,7 +35,7 @@ export function HomeForm({ fn }: { fn: () => unknown }) {
   const [state, formAction, isPending] = React.useActionState(fn, null);
 
   return (
-    <form action={formAction}>
+    <form action={formAction} className="client-box">
       <button type="submit">
         Log on server{isPending ? " (pending)" : null}
       </button>

diff --git a/playground/rsc-vite/src/routes/root/root.css b/playground/rsc-vite/src/routes/root/root.css
@@ -0,0 +1,4 @@
+.server-box {
+  border: 1px solid black;
+  padding: 10px;
+}
diff --git a/playground/rsc-vite/src/routes/root/root.tsx b/playground/rsc-vite/src/routes/root/root.tsx
@@ -3,6 +3,7 @@ import { type unstable_MiddlewareFunction } from "react-router/rsc";
 
 import { Counter } from "../../counter";
 import { ErrorReporter, NavigationState } from "./root.client";
+import "./root.css"
 
 export { shouldRevalidate } from "./root.client";
 
@@ -63,9 +64,10 @@ export function Layout({ children }: { children: React.ReactNode }) {
         <meta name="viewport" content="width=device-width, initial-scale=1" />
         <title>React Server</title>
         <Links />
+        {import.meta.viteRsc.loadCss()}
       </head>
       <body>
-        <div style={{ border: "1px solid black", padding: "10px" }}>
+        <div className="server-box">
           <header>
             <Link to="/">Home</Link>
             {" | "}

diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml