web/components/groups/group-overview.tsx

@@ -264,7 +264,7 @@ export function PinnedItems(props: {
             </div>
           )}
           {pinned.map((element, index) => (
-            <div className="relative mb-4">
+            <div className="relative mb-4" key={element.key}>
               {element}
 
               {editMode && <CrossIcon onClick={() => onDeleteClicked(index)} />}

web/components/onboarding/welcome.tsx

@@ -54,13 +54,15 @@ export default function Welcome() {
   if (isTwitch || !user || (!user.shouldShowWelcome && !groupSelectorOpen))
     return <></>
 
+  if (groupSelectorOpen)
     return (
-    <>
       <GroupSelectorDialog
         open={groupSelectorOpen}
         setOpen={() => setGroupSelectorOpen(false)}
       />
+    )
 
+  return (
     <Modal open={open} setOpen={toggleOpen}>
       <Col className="h-[32rem] place-content-between rounded-md bg-white px-8 py-6 text-sm font-light md:h-[40rem] md:text-lg">
         {page === 0 && <Page0 />}
@@ -94,7 +96,6 @@ export default function Welcome() {
         </Col>
       </Col>
     </Modal>
-    </>
   )
 }
 
@@ -117,6 +118,7 @@ function PageIndicator(props: { page: number; totalpages: number }) {
     <Row>
       {[...Array(totalpages)].map((e, i) => (
         <div
+          key={i}
           className={clsx(
             'mx-1.5 my-auto h-1.5 w-1.5 rounded-full',
             i === page ? 'bg-indigo-500' : 'bg-gray-300'

web/pages/home/index.tsx

@@ -277,6 +277,7 @@ function renderSections(
         if (id === 'featured') {
           return (
             <FeaturedSection
+              key={id}
               globalConfig={globalConfig}
               pinned={pinned}
               isAdmin={isAdmin}