Use global flag for lit/react and labs/ssr-react prop coordination

lit · Mar 9, 2024 · d5dcabb · d5dcabb
1 parent 9702f91
commit d5dcabb
Show file tree

Hide file tree

Showing 5 changed files with 26 additions and 1 deletion.
diff --git a/.changeset/chilled-plants-reflect.md b/.changeset/chilled-plants-reflect.md
@@ -0,0 +1,6 @@
+---
+'@lit-labs/ssr-react': patch
+'@lit/react': patch
+---
+
+Use a global flag to detect whether `@lit-labs/ssr-react/enable-lit-ssr.js` was used for coordinated props when server rendering components made with `@lit/react`.
diff --git a/packages/labs/ssr-react/src/env.d.ts b/packages/labs/ssr-react/src/env.d.ts
@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+// eslint-disable-next-line no-var
+declare var litSsrReactEnabled: undefined | boolean;
diff --git a/packages/labs/ssr-react/src/node/enable-lit-ssr.ts b/packages/labs/ssr-react/src/node/enable-lit-ssr.ts
@@ -33,3 +33,5 @@ if (process.env.NODE_ENV === 'production') {
     jsxDEV: wrapJsxDev(ReactJSXDevRuntime.jsxDEV),
   });
 }
+
+globalThis.litSsrReactEnabled = true;
diff --git a/packages/react/src/create-component.ts b/packages/react/src/create-component.ts
@@ -309,7 +309,8 @@ export const createComponent = <
       // element properties in a special bag to be set by the server-side
       // element renderer.
       if (
-        React.createElement.name === 'litPatchedCreateElement' &&
+        (React.createElement.name === 'litPatchedCreateElement' ||
+          globalThis.litSsrReactEnabled) &&
         Object.keys(elementProps).length
       ) {
         // This property needs to remain unminified.

diff --git a/packages/react/src/env.d.ts b/packages/react/src/env.d.ts
@@ -0,0 +1,8 @@
+/**
+ * @license
+ * Copyright 2024 Google LLC
+ * SPDX-License-Identifier: BSD-3-Clause
+ */
+
+// eslint-disable-next-line no-var
+declare var litSsrReactEnabled: undefined | boolean;