diff --git a/frontend/src/components/inbox/components/ConversationsList.tsx b/frontend/src/components/inbox/components/ConversationsList.tsx index 2d71b614..da1e4876 100644 --- a/frontend/src/components/inbox/components/ConversationsList.tsx +++ b/frontend/src/components/inbox/components/ConversationsList.tsx @@ -32,8 +32,8 @@ export const SubscribersList = (props: { searchPayload: any; assignedTo: AssignedTo; }) => { - const { query, push } = useRouter(); - const subscriber = query.subscriber?.toString() || null; + const router = useRouter(); + const subscriber = router.query.subscriber?.toString() || null; const { apiUrl } = useConfig(); const { t, i18n } = useTranslate(); const chat = useChat(); @@ -74,7 +74,17 @@ export const SubscribersList = (props: { { chat.setSubscriberId(subscriber.id); - push(`/${RouterType.INBOX}/subscribers/${subscriber.id}`); + router.push( + { + pathname: `/${RouterType.INBOX}/subscribers/[subscriber]`, + query: { + ...router.query, + subscriber: subscriber.id, + }, + }, + undefined, + { shallow: true }, + ); }} className="changeColor" key={subscriber.id}