From 1d687770b8cf09f528ba87a03befa98cd87a01d1 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5kon=20Flatval?= <hakon.flatval@cognite.com>
Date: Wed, 2 Aug 2023 09:45:43 +0200
Subject: [PATCH] fix: remove uniqueKey from ViewerAnchor API

---
 .../src/components/ViewerAnchor/ViewerAnchor.tsx             | 5 +----
 react-components/stories/ViewerAnchor.stories.tsx            | 4 ++--
 2 files changed, 3 insertions(+), 6 deletions(-)

diff --git a/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx b/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx
index 7885b982663..983eb800866 100644
--- a/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx
+++ b/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx
@@ -15,13 +15,11 @@ export type ViewerAnchorElementMapping = {
 export type ViewerAnchorProps = {
   position: Vector3;
   children: ReactElement;
-  uniqueKey: string;
 };
 
 export const ViewerAnchor = ({
   position,
-  children,
-  uniqueKey
+  children
 }: ViewerAnchorProps): ReactElement => {
   const viewer = useReveal();
   const [divTranslation, setDivTranslation] = useState(new Vector2());
@@ -50,7 +48,6 @@ export const ViewerAnchor = ({
 
   return visible ? (
     <div
-      key={uniqueKey}
       ref={htmlRef}
       style={{
         position: 'absolute',
diff --git a/react-components/stories/ViewerAnchor.stories.tsx b/react-components/stories/ViewerAnchor.stories.tsx
index 3004fa54aef..757b001f40a 100644
--- a/react-components/stories/ViewerAnchor.stories.tsx
+++ b/react-components/stories/ViewerAnchor.stories.tsx
@@ -49,7 +49,7 @@ export const Main: Story = {
           styling={styling}
           fdmAssetMappingConfig={fdmAssetMappingConfig}
         />
-        <ViewerAnchor position={position} uniqueKey="key2">
+        <ViewerAnchor position={position} >
           <p
             style={{
               backgroundColor: 'turquoise',
@@ -62,7 +62,7 @@ export const Main: Story = {
             This label is stuck at position {position.toArray().join(',')}
           </p>
         </ViewerAnchor>
-        <ViewerAnchor position={position2} uniqueKey="key1">
+        <ViewerAnchor position={position2}>
           <p
             style={{
               backgroundColor: 'red',