fix: merge classes for slotted cloned children (#1147)

Author: lukasIO

.changeset/weak-seahorses-try.md

@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+fix: merge classes for slotted cloned children

packages/react/src/utils.ts

@@ -28,10 +28,10 @@ export function cloneSingleChild(
     // Checking isValidElement is the safe way and avoids a typescript
     // error too.
     if (React.isValidElement(child) && React.Children.only(children)) {
-      if (child.props.class) {
+      if (child.props.className) {
         // make sure we retain classnames of both passed props and child
         props ??= {};
-        props.class = clsx(child.props.class, props.class);
+        props.className = clsx(child.props.className, props.className);
         props.style = { ...child.props.style, ...props.style };
       }
       return React.cloneElement(child, { ...props, key });