From aeb0205e1063211cd7164b7644389d53dfc8dfa0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?H=C3=A5kon=20Flatval?=
 <70905152+haakonflatval-cognite@users.noreply.github.com>
Date: Wed, 2 Aug 2023 11:08:21 +0200
Subject: [PATCH] fix: remove uniqueKey from ViewerAnchor API (#3541)

* fix: remove uniqueKey from ViewerAnchor API
---
 .../src/components/ViewerAnchor/ViewerAnchor.tsx          | 8 +-------
 react-components/stories/ViewerAnchor.stories.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 9 deletions(-)

diff --git a/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx b/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx
index 7885b982663..d9f10f3167c 100644
--- a/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx
+++ b/react-components/src/components/ViewerAnchor/ViewerAnchor.tsx
@@ -15,14 +15,9 @@ export type ViewerAnchorElementMapping = {
 export type ViewerAnchorProps = {
   position: Vector3;
   children: ReactElement;
-  uniqueKey: string;
 };
 
-export const ViewerAnchor = ({
-  position,
-  children,
-  uniqueKey
-}: ViewerAnchorProps): ReactElement => {
+export const ViewerAnchor = ({ position, children }: ViewerAnchorProps): ReactElement => {
   const viewer = useReveal();
   const [divTranslation, setDivTranslation] = useState(new Vector2());
   const [visible, setVisible] = useState(false);
@@ -50,7 +45,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..aff81002cb2 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',