From 15e7ce510bf021ac6f1dd8191b1884001f6fc511 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Tobias=20H=C3=B8egh?= <tobias@tujo.no>
Date: Fri, 13 Dec 2024 12:46:34 +0100
Subject: [PATCH] Add temporary `id` story

---
 .../upload/stories/Upload.stories.tsx         | 22 +++++++++++++++++--
 1 file changed, 20 insertions(+), 2 deletions(-)

diff --git a/packages/dnb-eufemia/src/components/upload/stories/Upload.stories.tsx b/packages/dnb-eufemia/src/components/upload/stories/Upload.stories.tsx
index e141f197f3a..507c06eec31 100644
--- a/packages/dnb-eufemia/src/components/upload/stories/Upload.stories.tsx
+++ b/packages/dnb-eufemia/src/components/upload/stories/Upload.stories.tsx
@@ -3,9 +3,9 @@
  *
  */
 
-import React, { useEffect } from 'react'
+import React, { useEffect, useRef } from 'react'
 import { Wrapper, Box } from 'storybook-utils/helpers'
-import { Upload } from '../..'
+import { Tabs, Upload } from '../..'
 
 export default {
   title: 'Eufemia/Components/Upload',
@@ -158,3 +158,21 @@ export const UploadSandbox = () => {
 export const UploadSimple = () => {
   return <Upload id="upload-simple-example" acceptedFileTypes={['pdf']} />
 }
+
+function MyUploadComponent(props) {
+  const id = useRef({}).current
+  return <Upload id={id} {...props} />
+}
+
+export function InTabs() {
+  return (
+    <Tabs>
+      <Tabs.Content title="Tab 1" key="a">
+        <MyUploadComponent acceptedFileTypes={['png']} />
+      </Tabs.Content>
+      <Tabs.Content title="Tab 2" key="b">
+        <MyUploadComponent acceptedFileTypes={['jpg']} />
+      </Tabs.Content>
+    </Tabs>
+  )
+}