From 8bc3fa375e56606a3602c2d8345e9335c34047cc Mon Sep 17 00:00:00 2001
From: matt <xbtmatt@gmail.com>
Date: Thu, 5 Sep 2024 18:23:23 -0700
Subject: [PATCH] Add hyphen in between substring of component key

---
 .../pages/home/components/emoji-table/AnimatedClientGrid.tsx    | 2 +-
 .../components/pages/home/components/emoji-table/ClientGrid.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/typescript/frontend/src/components/pages/home/components/emoji-table/AnimatedClientGrid.tsx b/src/typescript/frontend/src/components/pages/home/components/emoji-table/AnimatedClientGrid.tsx
index 8072b135c3..e3918e685f 100644
--- a/src/typescript/frontend/src/components/pages/home/components/emoji-table/AnimatedClientGrid.tsx
+++ b/src/typescript/frontend/src/components/pages/home/components/emoji-table/AnimatedClientGrid.tsx
@@ -161,7 +161,7 @@ export const LiveClientGrid = ({
       {ordered.map((v) => {
         return (
           <TableCard
-            key={`live-${v.marketID}${v.searchEmojisKey}`}
+            key={`live-${v.marketID}-${v.searchEmojisKey}`}
             index={v.index}
             pageOffset={0} // We don't paginate the live grid.
             marketID={v.marketID}
diff --git a/src/typescript/frontend/src/components/pages/home/components/emoji-table/ClientGrid.tsx b/src/typescript/frontend/src/components/pages/home/components/emoji-table/ClientGrid.tsx
index ce16ee28b3..e09201d24e 100644
--- a/src/typescript/frontend/src/components/pages/home/components/emoji-table/ClientGrid.tsx
+++ b/src/typescript/frontend/src/components/pages/home/components/emoji-table/ClientGrid.tsx
@@ -47,7 +47,7 @@ export const ClientGrid = ({
       {ordered.map((v, i) => {
         return (
           <TableCard
-            key={`live-${v.marketID}${v.searchEmojisKey}`}
+            key={`live-${v.marketID}-${v.searchEmojisKey}`}
             index={i}
             pageOffset={(page - 1) * MARKETS_PER_PAGE}
             marketID={v.marketID}