From fda41fa0e862ccbd645c21b91ed7944c1f7cbeb6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sebastian=20Kr=C3=BCger?= <valknar@pivoine.art>
Date: Mon, 17 Nov 2025 22:25:54 +0100
Subject: [PATCH] fix: convert track name to string to prevent React error
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Added String() conversion to track.name display to ensure it's always rendered as text, preventing "Objects are not valid as a React child" error.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 components/layout/SidePanel.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/components/layout/SidePanel.tsx b/components/layout/SidePanel.tsx
index a08f433..26fab2c 100644
--- a/components/layout/SidePanel.tsx
+++ b/components/layout/SidePanel.tsx
@@ -188,7 +188,7 @@ export function SidePanel({
                         <div className="flex items-center justify-between mb-2">
                           <div className="flex-1 min-w-0">
                             <div className="text-sm font-medium text-foreground truncate">
-                              {track.name}
+                              {String(track.name || 'Untitled Track')}
                             </div>
                             {track.audioBuffer && (
                               <div className="text-xs text-muted-foreground">