From 99e736afc8f8e7082ef3e8c7417c97d6dc2826dc Mon Sep 17 00:00:00 2001
From: Sander <info@mesander.com>
Date: Mon, 6 Mar 2023 17:59:35 +0100
Subject: [PATCH] fix(ct): react17 primitive as slot (#21396)

---
 packages/playwright-ct-react/registerSource.mjs   | 2 +-
 packages/playwright-ct-react17/registerSource.mjs | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/packages/playwright-ct-react/registerSource.mjs b/packages/playwright-ct-react/registerSource.mjs
index 71b6283c42..2ba496eaef 100644
--- a/packages/playwright-ct-react/registerSource.mjs
+++ b/packages/playwright-ct-react/registerSource.mjs
@@ -25,7 +25,7 @@ import { createRoot } from 'react-dom/client';
 
 /** @type {Map<string, FrameworkComponent>} */
 const registry = new Map();
-/** @type {Map<Element, import('react-dom/client').Root>>} */
+/** @type {Map<Element, import('react-dom/client').Root>} */
 const rootRegistry = new Map();
 
 /**
diff --git a/packages/playwright-ct-react17/registerSource.mjs b/packages/playwright-ct-react17/registerSource.mjs
index 5c8c97f4f7..ff26e17c9c 100644
--- a/packages/playwright-ct-react17/registerSource.mjs
+++ b/packages/playwright-ct-react17/registerSource.mjs
@@ -36,9 +36,11 @@ export function register(components) {
 
 /**
  * @param {Component} component
- * @returns {JSX.Element}
  */
 function render(component) {
+  if (typeof component !== 'object' || Array.isArray(component))
+    return component;
+
   let componentFunc = registry.get(component.type);
   if (!componentFunc) {
     // Lookup by shorthand.