setup sqlite mocking.

components/ui/MessageBubble.tsx

@@ -1,6 +1,6 @@
 import { Translator } from "@/app/i18n/api";
 import { Message, Speaker } from "@/app/lib/conversation";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { StyleSheet, Text } from "react-native";
 import { SafeAreaView } from "react-native-safe-area-context";
 
@@ -13,20 +13,23 @@ const MessageBubble = (props: MessageProps) => {
     const [translatedText, setTranslatedText] = useState<string|undefined>();
     const [isTranslating, setIsTranslating] = useState<boolean>(false);
 
-    props.message.onTextUpdate = (message: Message) => {
-        setText(message.text);
-    }
-
-    props.message.onTextDone = async (message: Message) => {
-        setIsTranslating(true);
-        await props.message.translate()
-    }
-
-    props.message.onTranslationDone = (message: Message) => {
-        if (!message.translation) throw new Error("Missing translation");
-        setTranslatedText(message.translation);
-        setIsTranslating(false);
-    }
+    useEffect(() => {
+        
+            props.message.onTextUpdate = (message: Message) => {
+                setText(message.text);
+            }
+        
+            props.message.onTextDone = async (message: Message) => {
+                setIsTranslating(true);
+                await props.message.translate()
+            }
+        
+            props.message.onTranslationDone = (message: Message) => {
+                if (!message.translation) throw new Error("Missing translation");
+                setTranslatedText(message.translation);
+                setIsTranslating(false);
+            }
+    }, [props.message])
 
     const spId = props.message.speaker.id