trying to figure out jest issue.

app/(tabs)/index.tsx

@@ -4,14 +4,24 @@ import { Text } from 'react-native';
 import { Image, StyleSheet, Platform } from 'react-native';
 import { Conversation, Speaker } from '../lib/conversation';
 import { language_matrix_entry, Translator } from '../i18n/api';
+import ConversationThread from '@/components/ConversationThread';
 
 export default function HomeScreen() {
 
   const [language, setLanguage] = useState<language_matrix_entry | undefined>()
+  const [conversation, setConversation] = useState<Conversation|undefined>();
 
   return (
-    language ? <ConversationPlay language={language} /> :
-      <LanguageSelection onLanguageSelected={(l) => setLanguage(l)} />
+    conversation ? <ConversationThread conversation={conversation} /> :
+      <LanguageSelection onLanguageSelected={
+        (language) => {
+          setConversation(new Conversation(
+            new Translator("en", language.code),
+            {id: "host", language: "en"},
+            {id: "guest", language: language.code},
+          ))
+        }
+      } />
   );
 }