From 09342d0dcd3d7f7c60e7a95ebfc2d14224c43132 Mon Sep 17 00:00:00 2001
From: Sophia Mersmann <sophia.mersmann1@gmail.com>
Date: Tue, 17 Dec 2024 09:52:20 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20(line)=20dismiss=20projection=20?=
 =?UTF-8?q?line=20on=20deselecting=20an=20entity?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../@ourworldindata/grapher/src/lineCharts/LineChart.tsx | 9 +++------
 1 file changed, 3 insertions(+), 6 deletions(-)

diff --git a/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx b/packages/@ourworldindata/grapher/src/lineCharts/LineChart.tsx
index 26f41bee0c2..7e5ee3ca2d5 100644
--- 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>