[PAY-3523] Fix bug where share to DM persists in input (#10070)

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 <MobileChatPage />