diff --git a/client/src/hooks/useStartCall.ts b/client/src/hooks/useStartCall.ts
index 2df6a01..518c2a8 100644
--- a/client/src/hooks/useStartCall.ts
+++ b/client/src/hooks/useStartCall.ts
@@ -18,17 +18,18 @@
 import { useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
 
-import { CallStatus } from '../contexts/CallProvider';
+import { CallRole, CallStatus } from '../contexts/CallProvider';
 import { CallRouteParams } from '../router';
 
 export const useStartCall = () => {
   const navigate = useNavigate();
 
   return useCallback(
-    (conversationId: string, state?: Partial<CallRouteParams['state']>) => {
-      navigate(`/conversation/${conversationId}/call?role=caller`, {
+    (conversationId: string, role: CallRole = 'caller', state?: Partial<CallRouteParams['state']>) => {
+      navigate(`/conversation/${conversationId}/call`, {
         state: {
           callStatus: CallStatus.Default,
+          role,
           ...state,
         },
       });