Add hyphen in between substring of component key

econia-labs · Sep 6, 2024 · 8bc3fa3 · 8bc3fa3
1 parent 281d338
commit 8bc3fa3
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/...pescript/frontend/src/components/pages/home/components/emoji-table/AnimatedClientGrid.tsx b/...pescript/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
@@ -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}