From 1289a5fe112bad9f81555848969d972b32b335db Mon Sep 17 00:00:00 2001
From: Mikael Johansson <mikl.johansson@gmail.com>
Date: Wed, 20 Nov 2024 18:16:22 +0100
Subject: [PATCH] Fix className property on BarVisualizer (#1029)

Co-authored-by: lukasIO <mail@lukasseiler.de>
---
 .changeset/fresh-fans-deliver.md                            | 5 +++++
 packages/react/src/components/participant/BarVisualizer.tsx | 2 +-
 2 files changed, 6 insertions(+), 1 deletion(-)
 create mode 100644 .changeset/fresh-fans-deliver.md

diff --git a/.changeset/fresh-fans-deliver.md b/.changeset/fresh-fans-deliver.md
new file mode 100644
index 000000000..fde6a08c4
--- /dev/null
+++ 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
index a4e002c88..30393ac8f 100644
--- 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))}%` },
             })
           ) : (