🐛 (line) dismiss projection line on deselecting an entity (#4322)

owid · Dec 17, 2024 · 5c6ceee · 5c6ceee
1 parent c721d47
commit 5c6ceee
Showing 1 changed file with 3 additions and 6 deletions.
diff --git a/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx b/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx
@@ -240,16 +240,13 @@ class Lines extends React.Component<LinesProps> {
         const opacity = series.hover.background ? GRAPHER_OPACITY_MUTE : 1
 
         return (
-            <g
-                id={makeIdForHumanConsumption("markers", series.seriesName)}
-                key={getSeriesKey(series, "markers")}
-            >
+            <g id={makeIdForHumanConsumption("markers", series.seriesName)}>
                 {series.placedPoints.map((value, index) => (
                     <circle
                         id={makeIdForHumanConsumption(
                             horizontalAxis.formatTick(value.time)
                         )}
-                        key={index}
+                        key={`${value}-${index}`}
                         cx={value.x}
                         cy={value.y}
                         r={this.markerRadius}
@@ -265,7 +262,7 @@ class Lines extends React.Component<LinesProps> {
         return (
             <>
                 {this.props.series.map((series) => (
-                    <React.Fragment key={series.seriesName}>
+                    <React.Fragment key={getSeriesKey(series)}>
                         {this.renderLine(series)}
                         {this.renderLineMarkers(series)}
                     </React.Fragment>