diff --git a/packages/web/src/pages/chat-page/ChatPageProvider.tsx b/packages/web/src/pages/chat-page/ChatPageProvider.tsx index fcc28312c6d..7e28001af75 100644 --- a/packages/web/src/pages/chat-page/ChatPageProvider.tsx +++ b/packages/web/src/pages/chat-page/ChatPageProvider.tsx @@ -1,5 +1,8 @@ +import { useEffect } from 'react' + import { RouteComponentProps } from 'react-router-dom' +import { useHistoryContext } from 'app/HistoryProvider' import { useIsMobile } from 'hooks/useIsMobile' import { useManagedAccountNotAllowedRedirect } from 'hooks/useManagedAccountNotAllowedRedirect' @@ -18,6 +21,14 @@ export const ChatPageProvider = ({ const currentChatId = match.params.id const presetMessage = location.state?.presetMessage const isMobile = useIsMobile() + const { history } = useHistoryContext() + + // Replace the preset message in browser history after the first navigation + useEffect(() => { + if (presetMessage) { + history.replace({ state: { presetMessage: undefined } }) + } + }, [history, presetMessage]) if (isMobile) { return