From 8cc8ec3fd6d9a6d5ebf1f471a31e2b7f1adfa32d Mon Sep 17 00:00:00 2001
From: Wesley Luyten <me@wesleyluyten.com>
Date: Thu, 15 May 2025 20:46:50 -0500
Subject: [PATCH] fix: React 19+ complex reflected prop/attr bug

---
 src/ce-la-react.ts | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/ce-la-react.ts b/src/ce-la-react.ts
index fc8f82e..7c0cf20 100644
--- a/src/ce-la-react.ts
+++ b/src/ce-la-react.ts
@@ -240,7 +240,18 @@ export function createComponent<I extends HTMLElement, E extends EventNames = {}
 
       // React 19+ handles the property / attribute values itself.
       if (attrName && IS_REACT_19_OR_NEWER) {
-        reactProps[attrName] = v;
+
+        // The goal is to let React 19 handle the property / attribute values
+        // itself unless toAttributeValue returns a different value than the
+        // default conversion. Then the different value has to be passed
+        // This might be an array or object conversion to a string.
+        const attrValueFromDefault = defaultToAttributeValue(v);
+
+        if (attrValue !== attrValueFromDefault) {
+          reactProps[attrName] = attrValue;
+        } else {
+          reactProps[attrName] = v;
+        }
       }
     }