From 98c3c0d5995cbf1f146536cbb03c614b3903d05b Mon Sep 17 00:00:00 2001
From: Mohamed Bassem <me@mbassem.com>
Date: Sat, 28 Dec 2024 12:49:38 +0000
Subject: fix: react warning about keys in AllHighlights

---
 apps/web/components/dashboard/highlights/AllHighlights.tsx | 13 +++++--------
 1 file changed, 5 insertions(+), 8 deletions(-)

diff --git a/apps/web/components/dashboard/highlights/AllHighlights.tsx b/apps/web/components/dashboard/highlights/AllHighlights.tsx
index 98e17e2b..cbf351de 100644
--- a/apps/web/components/dashboard/highlights/AllHighlights.tsx
+++ b/apps/web/components/dashboard/highlights/AllHighlights.tsx
@@ -1,6 +1,6 @@
 "use client";
 
-import { useEffect } from "react";
+import React, { useEffect } from "react";
 import Link from "next/link";
 import { ActionButton } from "@/components/ui/action-button";
 import useRelativeTime from "@/lib/hooks/relative-time";
@@ -75,13 +75,10 @@ export default function AllHighlights({
       {allHighlights &&
         allHighlights.length > 0 &&
         allHighlights.map((h) => (
-          <>
-            <Highlight key={h.id} highlight={h} />
-            <Separator
-              key={`sep-${h.id}`}
-              className="m-2 h-0.5 bg-gray-100 last:hidden"
-            />
-          </>
+          <React.Fragment key={h.id}>
+            <Highlight highlight={h} />
+            <Separator className="m-2 h-0.5 bg-gray-100 last:hidden" />
+          </React.Fragment>
         ))}
       {allHighlights && allHighlights.length == 0 && (
         <p className="rounded-md bg-muted p-2 text-sm text-muted-foreground">
-- 
cgit v1.2.3-70-g09d2