Rewrite usePushProblemReport to use history state over search params

1 files changed, 10 insertions, 7 deletions

diff --git a/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts b/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts
index 04fc94dc2a..598fd2c944 100644
--- a/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts
+++ b/desktop/packages/mullvad-vpn/src/renderer/history/hooks/usePushProblemReport.ts
@@ -1,21 +1,24 @@
 import { useCallback } from 'react';
 import { useHistory } from 'react-router';
 
+import { LocationState } from '../../../shared/ipc-types';
 import { RoutePath } from '../../lib/routes';
 
 export type PushProblemReportProps = {
-  search?: string;
+  state?: Partial<LocationState>;
 };
 
-export const usePushProblemReport = ({ search }: PushProblemReportProps = {}) => {
+export const usePushProblemReport = ({ state }: PushProblemReportProps = {}) => {
   const history = useHistory();
 
   const pushProblemReport = useCallback(() => {
-    history.push({
-      pathname: RoutePath.problemReport,
-      search,
-    });
-  }, [history, search]);
+    history.push(
+      {
+        pathname: RoutePath.problemReport,
+      },
+      state,
+    );
+  }, [history, state]);
 
   return pushProblemReport;
 };