fix: preferences - added missing react key

trycourier · Mar 1, 2024 · 40a1dc5 · 40a1dc5
1 parent 36c17ff
commit 40a1dc5
Showing 1 changed file with 3 additions and 3 deletions.
diff --git a/packages/react-preferences/src/components/PreferencesV4.tsx b/packages/react-preferences/src/components/PreferencesV4.tsx
@@ -1,4 +1,4 @@
-import React, { useEffect, useMemo, useState } from "react";
+import React, { Fragment, useEffect, useMemo, useState } from "react";
 import styled from "styled-components";
 import { usePreferences } from "@trycourier/react-hooks";
 import {
@@ -405,7 +405,7 @@ export const PreferenceSections: React.FunctionComponent<{
     <>
       <SectionHeader>{section.name}</SectionHeader>
       {memoizedTopics.map(({ topic, recipientPreference }, index) => (
-        <>
+        <Fragment key={index}>
           <PreferenceTopic
             topic={topic}
             defaultRoutingOptions={section.routingOptions}
@@ -415,7 +415,7 @@ export const PreferenceSections: React.FunctionComponent<{
             routingPreferences={recipientPreference?.routingPreferences ?? []}
           />
           {index < memoizedTopics.length - 1 && <SubscriptionDivider />}
-        </>
+        </Fragment>
       ))}
     </>
   );