From 6940cb1a96ba7ac2fca3c0fc3b9e368a3f0f847b Mon Sep 17 00:00:00 2001
From: Timo <toger5@hotmail.de>
Date: Wed, 4 Jun 2025 12:27:04 +0200
Subject: [PATCH] Fix react errors in settings tab

---
 src/settings/FeedbackSettingsTab.tsx | 14 ++++++--------
 src/tabs/Tabs.tsx                    |  2 ++
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/settings/FeedbackSettingsTab.tsx b/src/settings/FeedbackSettingsTab.tsx
index 0555ca3f..3673bb1a 100644
--- a/src/settings/FeedbackSettingsTab.tsx
+++ b/src/settings/FeedbackSettingsTab.tsx
@@ -57,14 +57,12 @@ export const FeedbackSettingsTab: FC<Props> = ({ roomId }) => {
 
   const [optInAnalytics, setOptInAnalytics] = useOptInAnalytics();
   const optInDescription = (
-    <Text size="sm">
-      <Trans i18nKey="settings.opt_in_description">
-        <AnalyticsNotice />
-        <br />
-        You may withdraw consent by unchecking this box. If you are currently in
-        a call, this setting will take effect at the end of the call.
-      </Trans>
-    </Text>
+    <Trans i18nKey="settings.opt_in_description">
+      <AnalyticsNotice />
+      <br />
+      You may withdraw consent by unchecking this box. If you are currently in a
+      call, this setting will take effect at the end of the call.
+    </Trans>
   );
 
   // in the embedded package the widget host is responsible for analytics consent
diff --git a/src/tabs/Tabs.tsx b/src/tabs/Tabs.tsx
index 4b59e8b6..8bbc55be 100644
--- a/src/tabs/Tabs.tsx
+++ b/src/tabs/Tabs.tsx
@@ -36,6 +36,7 @@ export function TabContainer<K extends Key>({
       <NavBar role="tablist" aria-label={label} className={styles.tabList}>
         {tabs.map(({ key, name }) => (
           <NavItem
+            key={key}
             aria-controls={`${idPrefix}[${key}]`}
             onClick={() => onTabChange(key)}
             active={key === tab}
@@ -46,6 +47,7 @@ export function TabContainer<K extends Key>({
       </NavBar>
       {tabs.map(({ key, content }) => (
         <div
+          key={key}
           id={`${idPrefix}[${key}]`}
           style={{ display: key === tab ? undefined : "none" }}
         >