Support checking react 19 components (#12948)

withastro · Jan 10, 2025 · 51ab7b5 · 51ab7b5
1 parent df0c566
commit 51ab7b5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/.changeset/sweet-turtles-flash.md b/.changeset/sweet-turtles-flash.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/react': patch
+---
+
+Supports checking for React 19 components
diff --git a/packages/integrations/react/server.js b/packages/integrations/react/server.js
@@ -6,6 +6,7 @@ import StaticHtml from './static-html.js';
 
 const slotName = (str) => str.trim().replace(/[-_]([a-z])/g, (_, w) => w.toUpperCase());
 const reactTypeof = Symbol.for('react.element');
+const reactTransitionalTypeof = Symbol.for('react.transitional.element');
 
 async function check(Component, props, children) {
 	// Note: there are packages that do some unholy things to create "components".
@@ -28,7 +29,10 @@ async function check(Component, props, children) {
 	function Tester(...args) {
 		try {
 			const vnode = Component(...args);
-			if (vnode && vnode['$$typeof'] === reactTypeof) {
+			if (
+				vnode &&
+				(vnode['$$typeof'] === reactTypeof || vnode['$$typeof'] === reactTransitionalTypeof)
+			) {
 				isReactComponent = true;
 			}
 		} catch {}