Fix className property on BarVisualizer (#1029)

mikljohansson · lukasIO · web-flow · commit 1289a5fe112b · 2024-11-20T18:16:22.000+01:00
Co-authored-by: lukasIO &lt;mail@lukasseiler.de&gt;
diff --git a/.changeset/fresh-fans-deliver.md b/.changeset/fresh-fans-deliver.md
@@ -0,0 +1,5 @@
+---
+"@livekit/components-react": patch
+---
+
+Fix className property on BarVisualizer
diff --git a/packages/react/src/components/participant/BarVisualizer.tsx b/packages/react/src/components/participant/BarVisualizer.tsx
@@ -110,7 +110,7 @@ export const BarVisualizer = /* @__PURE__ */ React.forwardRef<HTMLDivElement, Ba
             cloneSingleChild(children, {
               'data-lk-highlighted': highlightedIndices.includes(idx),
               'data-lk-bar-index': idx,
-              class: 'lk-audio-bar',
+              className: 'lk-audio-bar',
               style: { height: `${Math.min(maxHeight, Math.max(minHeight, volume * 100 + 5))}%` },
             })
           ) : (

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"@livekit/components-react": patch
 +---
++
 +Fix className property on BarVisualizer