From 3f197d1ce0c197864ad4c7c7b8238af4370275b4 Mon Sep 17 00:00:00 2001 From: Jarred Sumner Date: Tue, 29 Jun 2021 17:47:58 -0700 Subject: Fix crash, fix detecting node_modules, fix undefined not being simplified --- demos/css-stress-test/react-inject.js | 1 + demos/css-stress-test/src/index.tsx | 27 ++++++++++++++++++++------- demos/css-stress-test/src/main.tsx | 2 -- 3 files changed, 21 insertions(+), 9 deletions(-) create mode 100644 demos/css-stress-test/react-inject.js (limited to 'demos/css-stress-test') diff --git a/demos/css-stress-test/react-inject.js b/demos/css-stress-test/react-inject.js new file mode 100644 index 000000000..199dbaa80 --- /dev/null +++ b/demos/css-stress-test/react-inject.js @@ -0,0 +1 @@ +export { default as React } from "react"; diff --git a/demos/css-stress-test/src/index.tsx b/demos/css-stress-test/src/index.tsx index 3db53a67f..267691467 100644 --- a/demos/css-stress-test/src/index.tsx +++ b/demos/css-stress-test/src/index.tsx @@ -1,20 +1,33 @@ -import ReactDOM from "react-dom"; -import React from "react"; +import ReactDOMServer from "react-dom/server.browser"; + import { Main } from "./main"; import classNames from "classnames"; - const Base = ({}) => { - const name = decodeURIComponent(location.search.substring(1)); + const name = + typeof location !== "undefined" + ? decodeURIComponent(location.search.substring(1)) + : null; return
; }; function startReact() { + const ReactDOM = require("react-dom"); ReactDOM.render(, document.querySelector("#reactroot")); } -globalThis.addEventListener("DOMContentLoaded", () => { +function ssr() { + console.log(ReactDOMServer.renderToString()); +} + +if (typeof window !== "undefined") { + console.log("HERE!!"); + globalThis.addEventListener("DOMContentLoaded", () => { + startReact(); + }); + startReact(); -}); -startReact(); +} else { + ssr(); +} export { Base }; diff --git a/demos/css-stress-test/src/main.tsx b/demos/css-stress-test/src/main.tsx index 1a9948fe8..c95d0f0eb 100644 --- a/demos/css-stress-test/src/main.tsx +++ b/demos/css-stress-test/src/main.tsx @@ -1,5 +1,3 @@ -import React from "react"; - export const Main = ({ productName }) => { return ( <> -- cgit v1.2.3