trying to fix freeze bug

src/modules/message.ts

@@ -1,16 +1,47 @@
 import { RenderMessage, ClientMessage } from "@/types/message/index";
+import { v4 as uuidv4 } from 'uuid';
 
-export const renderMessage = (text: string, audio: string | boolean, modifier: string, uid: string): RenderMessage => (
-  {
-    content: {
-        audio,
-        text
-    },
-    context: "",
-    modifier,
-    uid
+// Create a RenderMessage object directly from json string.
+export function initRenderMessageFromString(message_str: string) {
+
+  // Parse the string.
+  const m = JSON.parse(message_str);
+
+  // Auto set uid and time.
+  let currentdate = new Date();
+
+  const message: RenderMessage = {
+    content: m.content,
+    context: m.context,
+    modifier: m.modifier,
+    time: currentdate.getTime(),
+    uid: uuidv4(),
+    isChild: false
   }
-)
+
+  return message
+}
+
+// Create a RenderMessage object.
+export function initRenderMessage(text: string, audio: string, context: string, modifier: string) {
+
+  // Auto set uid and time.
+  let currentdate = new Date();
+
+  const message: RenderMessage = {
+    content: {
+        text: text,
+        audio: audio
+    },
+    context: context,
+    modifier: modifier,
+    time: currentdate.getTime(),
+    uid: uuidv4(),
+    isChild: false
+  }
+
+  return message
+}
 
 export const clientMessage = (text: string, audio: string | boolean, uid: string): ClientMessage => (
   {