From 2092e22e97c437df77d38d64501e563c27883a58 Mon Sep 17 00:00:00 2001
From: Paul Wackerow <54227730+wackerow@users.noreply.github.com>
Date: Fri, 9 Jan 2026 17:39:54 -0800
Subject: [PATCH] fix: remove unnecessary forwardRef from AlertEmoji

The Emoji component does not accept a ref, so wrapping AlertEmoji in
forwardRef was causing React warnings about unused ref parameters.

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/ui/alert.tsx | 19 ++++++++-----------
 1 file changed, 8 insertions(+), 11 deletions(-)

diff --git a/src/components/ui/alert.tsx b/src/components/ui/alert.tsx
index 503117fba03..7a570acc5f9 100644
--- a/src/components/ui/alert.tsx
+++ b/src/components/ui/alert.tsx
@@ -94,18 +94,15 @@ const AlertCloseButton = React.forwardRef<
 ))
 AlertCloseButton.displayName = "AlertCloseButton"
 
-const AlertEmoji = React.forwardRef<SVGElement, EmojiProps>(
-  ({ className, ...props }) => (
-    <Emoji
-      className={cn(
-        "flex-shrink-0 flex-grow-0 self-start text-4xl sm:self-auto",
-        className
-      )}
-      {...props}
-    />
-  )
+const AlertEmoji = ({ className, ...props }: EmojiProps) => (
+  <Emoji
+    className={cn(
+      "flex-shrink-0 flex-grow-0 self-start text-4xl sm:self-auto",
+      className
+    )}
+    {...props}
+  />
 )
-AlertEmoji.displayName = "AlertEmoji"
 
 export {
   Alert,