chore: fix model loading state

Author: louis-jan

web/screens/Chat/index.tsx

@@ -68,6 +68,11 @@ const ChatScreen = () => {
 
   const textareaRef = useRef<HTMLTextAreaElement>(null)
   const { startModel } = useActiveModel()
+  const modelRef = useRef(activeModel)
+
+  useEffect(() => {
+    modelRef.current = activeModel
+  }, [activeModel])
 
   useEffect(() => {
     getUserConversations()
@@ -95,7 +100,10 @@ const ChatScreen = () => {
           description: 'It will be sent once the model is done loading.',
         })
         startModel(model.id).then(() => {
-          if (activeModel) sendChatMessage()
+          setTimeout(() => {
+            if (modelRef?.current?.id === currentConvo?.modelId)
+              sendChatMessage()
+          }, 300)
         })
       }
       return