From b2548f05a825e3f2e38cbc6c04bfbe130105f7d4 Mon Sep 17 00:00:00 2001
From: Michael Telatynski <7t3chguy@gmail.com>
Date: Tue, 14 Dec 2021 15:15:27 +0000
Subject: [PATCH] Add missing react keys, fixing the warning (#7360)

---
 .../tabs/user/LabsUserSettingsTab.tsx         | 36 +++++++++++++++----
 1 file changed, 30 insertions(+), 6 deletions(-)

diff --git a/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx b/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx
index 440ce2f7ed..d8ecbc2815 100644
--- a/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx
+++ b/src/components/views/settings/tabs/user/LabsUserSettingsTab.tsx
@@ -89,25 +89,49 @@ export default class LabsUserSettingsTab extends React.Component<{}, IState> {
             });
 
             groups.getOrCreate(LabGroup.Widgets, []).push(
-                <SettingsFlag name="enableWidgetScreenshots" level={SettingLevel.ACCOUNT} />,
+                <SettingsFlag
+                    key="enableWidgetScreenshots"
+                    name="enableWidgetScreenshots"
+                    level={SettingLevel.ACCOUNT}
+                />,
             );
 
             groups.getOrCreate(LabGroup.Experimental, []).push(
-                <SettingsFlag name="lowBandwidth" level={SettingLevel.DEVICE} />,
+                <SettingsFlag
+                    key="lowBandwidth"
+                    name="lowBandwidth"
+                    level={SettingLevel.DEVICE}
+                />,
             );
 
             groups.getOrCreate(LabGroup.Developer, []).push(
-                <SettingsFlag name="developerMode" level={SettingLevel.ACCOUNT} />,
-                <SettingsFlag name="showHiddenEventsInTimeline" level={SettingLevel.DEVICE} />,
+                <SettingsFlag
+                    key="developerMode"
+                    name="developerMode"
+                    level={SettingLevel.ACCOUNT}
+                />,
+                <SettingsFlag
+                    key="showHiddenEventsInTimeline"
+                    name="showHiddenEventsInTimeline"
+                    level={SettingLevel.DEVICE}
+                />,
             );
 
             groups.getOrCreate(LabGroup.Analytics, []).push(
-                <SettingsFlag name="automaticErrorReporting" level={SettingLevel.DEVICE} />,
+                <SettingsFlag
+                    key="automaticErrorReporting"
+                    name="automaticErrorReporting"
+                    level={SettingLevel.DEVICE}
+                />,
             );
 
             if (this.state.showHiddenReadReceipts) {
                 groups.getOrCreate(LabGroup.Messaging, []).push(
-                    <SettingsFlag name="feature_hidden_read_receipts" level={SettingLevel.DEVICE} />,
+                    <SettingsFlag
+                        key="feature_hidden_read_receipts"
+                        name="feature_hidden_read_receipts"
+                        level={SettingLevel.DEVICE}
+                    />,
                 );
             }