diff --git a/client/src/components/ConversationView.tsx b/client/src/components/ConversationView.tsx
index b3deed4..51c0899 100644
--- a/client/src/components/ConversationView.tsx
+++ b/client/src/components/ConversationView.tsx
@@ -21,7 +21,9 @@
 
 import { useAuthContext } from '../contexts/AuthProvider';
 import { CallManagerContext } from '../contexts/CallManagerProvider';
+import { useCallContext } from '../contexts/CallProvider';
 import { useConversationContext } from '../contexts/ConversationProvider';
+import { useWebRtcContext } from '../contexts/WebRtcProvider';
 import { ConversationMember } from '../models/conversation';
 import CallInterface from '../pages/CallInterface';
 import ChatInterface from '../pages/ChatInterface';
@@ -30,9 +32,11 @@
 
 const ConversationView = () => {
   const { conversationId } = useConversationContext();
+  const webRtcContext = useWebRtcContext(true);
+  const callContext = useCallContext(true);
   const { callData } = useContext(CallManagerContext);
 
-  if (callData && callData.conversationId === conversationId) {
+  if (webRtcContext && callContext && callData?.conversationId === conversationId) {
     return <CallInterface />;
   }
 
