Fix inconsistent re-renders for RuleCards

niktekusho · May 19, 2024 · 093d14d · 093d14d
1 parent f8f1ef4
commit 093d14d
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/Rules.tsx b/src/components/Rules.tsx
@@ -56,8 +56,8 @@ export function Rules({
 
   return (
     <ol className="flex flex-wrap gap-8">
-      {rules.map((rule, index) => (
-        <li key={index} className="min-w-[450px] flex-grow">
+      {rules.map((rule) => (
+        <li key={rule.id} className="min-w-[450px] flex-grow">
           <RuleCard
             foundCharacters={foundCharacters}
             existingRule={rule}