From e0e985cb8ac4c284dc369ed903ac4d065271e8c5 Mon Sep 17 00:00:00 2001
From: Tanner Linsley <tannerlinsley@gmail.com>
Date: Sun, 25 Jul 2021 10:01:22 -0700
Subject: [PATCH] fix: color indexing

---
 src/components/Chart.tsx   |  4 ++--
 src/components/Voronoi.tsx | 13 ++++++++-----
 2 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/src/components/Chart.tsx b/src/components/Chart.tsx
index c53f2ba2..98342312 100644
--- a/src/components/Chart.tsx
+++ b/src/components/Chart.tsx
@@ -526,7 +526,7 @@ function ChartInner<TDatum>({
       const base = {
         color:
           getOptions().defaultColors[
-            series.index % (getOptions().defaultColors.length - 1)
+            series.index % getOptions().defaultColors.length
           ],
       }
 
@@ -544,7 +544,7 @@ function ChartInner<TDatum>({
         ...series[datum.seriesIndex]?.style,
         color:
           getOptions().defaultColors[
-            datum.seriesIndex % (getOptions().defaultColors.length - 1)
+            datum.seriesIndex % getOptions().defaultColors.length
           ],
       }
 
diff --git a/src/components/Voronoi.tsx b/src/components/Voronoi.tsx
index 0747bf61..d5357044 100644
--- a/src/components/Voronoi.tsx
+++ b/src/components/Voronoi.tsx
@@ -71,7 +71,10 @@ function PrimaryVoronoi<TDatum>({
 
   return React.useMemo(() => {
     const columns = series[0].datums
-      .filter(datum => {
+      .filter((datum, i, all) => {
+        if (all.findIndex(d => d.primaryValue === datum.primaryValue) !== i) {
+          return false
+        }
         const primaryValue = datum.primaryValue
         return primaryValue !== 'undefined' && primaryValue !== null
       })
@@ -203,8 +206,8 @@ function PrimaryVoronoi<TDatum>({
       >
         {columns.map((column, i) => {
           return (
-            <React.Fragment key={`${column.primaryPx}_${i}`}>
-              {column.datumBoundaries.map(datumBoundary => {
+            <g key={`${column.primaryPx}_${i}`}>
+              {column.datumBoundaries.map((datumBoundary, i) => {
                 const x1 = !primaryAxis.isVertical
                   ? column.primaryStart
                   : datumBoundary.secondaryStart
@@ -229,7 +232,7 @@ function PrimaryVoronoi<TDatum>({
                 return (
                   <rect
                     {...{
-                      key: `${column.primaryPx}_${datumBoundary.datum.seriesIndex}`,
+                      key: i,
                       x,
                       y,
                       width,
@@ -248,7 +251,7 @@ function PrimaryVoronoi<TDatum>({
                   />
                 )
               })}
-            </React.Fragment>
+            </g>
           )
         })}
       </g>