From 75e1dd9025614a6e15cf4e2a9cb8be8a7abf1d7c Mon Sep 17 00:00:00 2001
From: ANIR1604 <competitivecoder69@gmail.com>
Date: Tue, 14 Jan 2025 04:23:52 +0530
Subject: [PATCH] Fix : DOM nesting Warning in BreadcrumbSeparator

---
 src/components/ui/breadcrumb.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/ui/breadcrumb.tsx b/src/components/ui/breadcrumb.tsx
index de505bc5833..cd92d48e346 100644
--- a/src/components/ui/breadcrumb.tsx
+++ b/src/components/ui/breadcrumb.tsx
@@ -79,15 +79,15 @@ const BreadcrumbSeparator = ({
   children,
   className,
   ...props
-}: React.ComponentProps<"li">) => (
-  <li
+}: React.ComponentProps<"span">) => (
+  <span
     role="presentation"
     aria-hidden="true"
     className={cn("[&>svg]:w-3.5 [&>svg]:h-3.5", className)}
     {...props}
   >
     {children ?? <ChevronRightIcon />}
-  </li>
+  </span>
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";