diff --git a/apps/web/src/components/features/chat/threeDotMenuHooks.tsx b/apps/web/src/components/features/chat/threeDotMenuHooks.tsx index e8d6e032d..12930f463 100644 --- a/apps/web/src/components/features/chat/threeDotMenuHooks.tsx +++ b/apps/web/src/components/features/chat/threeDotMenuHooks.tsx @@ -1,4 +1,4 @@ -import { useNavigate } from '@tanstack/react-router'; +import { useNavigate, useRouter } from '@tanstack/react-router'; import { useMemo } from 'react'; import type { IBusterChat } from '@/api/asset_interfaces'; import { useDeleteChat, useDuplicateChat, useGetChat } from '@/api/buster_rest/chats'; @@ -89,17 +89,23 @@ export const useFavoriteChatSelectMenu = ({ chatId = '' }: { chatId: string | un }; export const useOpenInNewTabSelectMenu = ({ chatId = '' }: { chatId: string | undefined }) => { + const router = useRouter(); return useMemo(() => { return createDropdownItem({ label: 'Open in new tab', value: 'open-in-new-tab', icon: , - link: { - to: '/app/chats/$chatId', - params: { chatId: chatId }, + onClick: () => { + if (chatId) { + const link = router.buildLocation({ + to: '/app/chats/$chatId', + params: { chatId: chatId }, + }); + window.open(link.href, '_blank'); + } }, }); - }, []); + }, [chatId, router.buildLocation]); }; export const useDuplicateChatSelectMenu = ({ chatId = '' }: { chatId: string | undefined }) => {