Fix build errors

Author: raunakab

web/src/app/chat/components/ChatPage.tsx

@@ -405,9 +405,7 @@ export function ChatPage({ firstMessage }: ChatPageProps) {
 
   // Access chat state directly from the store
   const currentChatState = useCurrentChatState();
-  const chatSessionId = useChatSessionStore(
-    (state: any) => state.currentSessionId
-  );
+  const chatSessionId = useChatSessionStore((state) => state.currentSessionId);
   const submittedMessage = useSubmittedMessage();
   const loadingError = useLoadingError();
   const uncaughtError = useUncaughtError();
@@ -421,13 +419,13 @@ export function ChatPage({ firstMessage }: ChatPageProps) {
   const documentSidebarVisible = useDocumentSidebarVisible();
   const chatSessionSharedStatus = useChatSessionSharedStatus();
   const updateHasPerformedInitialScroll = useChatSessionStore(
-    (state: any) => state.updateHasPerformedInitialScroll
+    (state) => state.updateHasPerformedInitialScroll
   );
   const updateCurrentDocumentSidebarVisible = useChatSessionStore(
-    (state: any) => state.updateCurrentDocumentSidebarVisible
+    (state) => state.updateCurrentDocumentSidebarVisible
   );
   const updateCurrentChatSessionSharedStatus = useChatSessionStore(
-    (state: any) => state.updateCurrentChatSessionSharedStatus
+    (state) => state.updateCurrentChatSessionSharedStatus
   );
 
   const clientScrollToBottom = useCallback(

web/src/components/ui/popover.tsx

@@ -35,9 +35,15 @@ interface PopoverMenuProps {
 export function PopoverMenu({ children }: PopoverMenuProps) {
   return (
     <div className="flex flex-col gap-spacing-inline w-[10rem]">
-      {children?.map((child) =>
-        child === null ? <div className="border-b mx-padding-button" /> : child
-      )}
+      {children?.map((child, index) => (
+        <div key={index}>
+          {child === null ? (
+            <div className="border-b mx-padding-button" />
+          ) : (
+            child
+          )}
+        </div>
+      ))}
     </div>
   );
 }

web/src/sections/sidebar/AppSidebar.tsx

@@ -179,17 +179,19 @@ function ChatButtonInner({ chatSession, onChatSessionClick }: ChatButtonProps) {
         popover={
           <PopoverMenu>
             {[
-              <NavigationTab icon={SvgShare} onClick={noProp()}>
+              <NavigationTab key="share" icon={SvgShare} onClick={noProp()}>
                 Share
               </NavigationTab>,
               <NavigationTab
+                key="rename"
                 icon={SvgEdit}
                 onClick={noProp(() => setRenamingChat(true))}
               >
                 Rename
               </NavigationTab>,
               null,
               <NavigationTab
+                key="delete"
                 icon={SvgTrash}
                 onClick={noProp(() => setDeleteConfirmationModalOpen(true))}
                 danger
@@ -259,6 +261,7 @@ function AgentsButtonInner({
             <PopoverMenu>
               {[
                 <NavigationTab
+                  key="pin-unpin-chat"
                   icon={SvgPin}
                   onClick={noProp(() => onTogglePin(visibleAgent, !pinned))}
                 >

web/src/sections/sidebar/Settings.tsx

@@ -82,24 +82,45 @@ function SettingsPopover({
         //   </NavigationTab>
         // )),
         showAdminPanel && (
-          <NavigationTab href="/admin/indexing/status" icon={SvgSettings}>
+          <NavigationTab
+            key="admin-panel"
+            href="/admin/indexing/status"
+            icon={SvgSettings}
+          >
             Admin Panel
           </NavigationTab>
         ),
         showCuratorPanel && (
-          <NavigationTab href="/admin/indexing/status" icon={SvgSettings}>
+          <NavigationTab
+            key="curator-panel"
+            href="/admin/indexing/status"
+            icon={SvgSettings}
+          >
             Curator Panel
           </NavigationTab>
         ),
-        <NavigationTab icon={SvgUser} onClick={onUserSettingsClick}>
+        <NavigationTab
+          key="user-settings"
+          icon={SvgUser}
+          onClick={onUserSettingsClick}
+        >
           User Settings
         </NavigationTab>,
-        <NavigationTab icon={SvgBell} onClick={onNotificationsClick}>
+        <NavigationTab
+          key="notifications"
+          icon={SvgBell}
+          onClick={onNotificationsClick}
+        >
           {`Notifications ${(notifications && notifications.length) || 0 > 0 ? `(${notifications!.length})` : ""}`}
         </NavigationTab>,
         showLogout && null,
         showLogout && (
-          <NavigationTab icon={SvgLogOut} danger onClick={handleLogout}>
+          <NavigationTab
+            key="log-out"
+            icon={SvgLogOut}
+            danger
+            onClick={handleLogout}
+          >
             Log out
           </NavigationTab>
         ),