fix welcome dialog page freezing bug

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'