Fix warning for card component

instantfred · Jul 21, 2024 · 8d37c5d · 8d37c5d
1 parent cba2376
commit 8d37c5d
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/src/@/components/ui/card.tsx b/src/@/components/ui/card.tsx
@@ -30,17 +30,19 @@ const CardHeader = React.forwardRef<
 CardHeader.displayName = "CardHeader"
 
 const CardTitle = React.forwardRef<
-  HTMLParagraphElement,
+  HTMLHeadingElement,
   React.HTMLAttributes<HTMLHeadingElement>
->(({ className, ...props }, ref) => (
+>(({ className, children, ...props }, ref) => (
   <h3
     ref={ref}
     className={cn(
       "text-2xl font-semibold leading-none tracking-tight",
       className
     )}
     {...props}
-  />
+  >
+    {children || <span className="sr-only">Card Title</span>}
+  </h3>
 ))
 CardTitle.displayName = "CardTitle"