4 files changed, 30 insertions, 9 deletions
diff --git a/demos/css-stress-test/framework.tsx b/demos/css-stress-test/framework.tsx
new file mode 100644
index 000000000..0d1e5d18c
--- /dev/null
+++ b/demos/css-stress-test/framework.tsx
@@ -0,0 +1,28 @@
+import ReactDOMServer from "react-dom/server.browser";
+import { Base } from "./src/index";
+
+addEventListener("fetch", (event: FetchEvent) => {
+  const response = new Response(`
+  <!DOCTYPE html>
+<html>
+  <head>
+    <link
+      rel="stylesheet"
+      crossorigin="anonymous"
+      href="https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@400;700&family=Space+Mono:wght@400;700"
+    />
+  </head>
+  <body>
+    <link rel="stylesheet" href="./src/index.css" />
+    <div id="reactroot">${ReactDOMServer.renderToString(<Base />)}</div>
+
+    <script src="./src/index.tsx" async type="module"></script>
+  </body>
+</html>
+  `);
+
+  event.respondWith(response);
+});
+
+// typescript isolated modules
+export {};
diff --git a/demos/css-stress-test/package.json b/demos/css-stress-test/package.json
index 24b2082ee..fefc4d2b2 100644
--- a/demos/css-stress-test/package.json
+++ b/demos/css-stress-test/package.json
@@ -27,6 +27,7 @@
     }
   },
   "devDependencies": {
+    "@microsoft/fetch-event-source": "^2.0.1",
     "@snowpack/plugin-react-refresh": "^2.5.0",
     "typescript": "^4.3.4"
   }
diff --git a/demos/css-stress-test/src/index.tsx b/demos/css-stress-test/src/index.tsx
index 267691467..16855fd11 100644
--- a/demos/css-stress-test/src/index.tsx
+++ b/demos/css-stress-test/src/index.tsx
@@ -1,5 +1,3 @@
-import ReactDOMServer from "react-dom/server.browser";
-
 import { Main } from "./main";
 import classNames from "classnames";
 const Base = ({}) => {
@@ -15,10 +13,6 @@ function startReact() {
   ReactDOM.render(<Base />, document.querySelector("#reactroot"));
 }
 
-function ssr() {
-  console.log(ReactDOMServer.renderToString(<Base />));
-}
-
 if (typeof window !== "undefined") {
   console.log("HERE!!");
   globalThis.addEventListener("DOMContentLoaded", () => {
@@ -26,8 +20,6 @@ if (typeof window !== "undefined") {
   });
 
   startReact();
-} else {
-  ssr();
 }
 
 export { Base };
diff --git a/demos/css-stress-test/tsconfig.json b/demos/css-stress-test/tsconfig.json
index 401ede344..c13e650d0 100644
--- a/demos/css-stress-test/tsconfig.json
+++ b/demos/css-stress-test/tsconfig.json
@@ -1,7 +1,7 @@
 {
   "compilerOptions": {
     "target": "esnext",
-    "lib": ["dom", "dom.iterable", "esnext"],
+    "lib": ["dom", "dom.iterable", "esnext", "WebWorker"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": false,