fix

@@ -23,6 +23,8 @@ function App() {
   // clear chats
   // clear chats
   function clearChat(){
   function clearChat(){
     setChatLog([]);
     setChatLog([]);
+    setChatInput("");
+    setStartedInteraction(false);
   }
   }
 
 
   function getEngines(){
   function getEngines(){
@@ -113,7 +115,7 @@ function App() {
     }
     }
 
 
   }
   }
-
+  const [startedInteraction, setStartedInteraction] = useState(false);
   return (
   return (
     <div className="App">
     <div className="App">
       <SideMenu
       <SideMenu
@@ -129,6 +131,8 @@ function App() {
         chatInput={chatInput}
         chatInput={chatInput}
         chatLog={chatLog}
         chatLog={chatLog}
         setChatInput={setChatInput}
         setChatInput={setChatInput}
+        startedInteraction={startedInteraction}
+        setStartedInteraction={setStartedInteraction}
         handleSubmit={handleSubmit} />
         handleSubmit={handleSubmit} />
     </div>
     </div>
   );
   );

 import React, { useState } from "react";
 import React, { useState } from "react";
 import SuggestedOptions from './suggestedOptions'
 import SuggestedOptions from './suggestedOptions'
 
 
-const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput}) => {
-
-  const [startedInteraction, setStartedInteraction] = useState(false);
+const ChatBox = ({chatLog, setChatInput, handleSubmit, chatInput, startedInteraction, setStartedInteraction}) => {
 
 
   return (
   return (
     <section className="chatbox">
     <section className="chatbox">