diff --git a/components/chat-panel.tsx b/components/chat-panel.tsx
index ade8e1f4..f120f073 100644
--- a/components/chat-panel.tsx
+++ b/components/chat-panel.tsx
@@ -53,13 +53,9 @@ export function ChatPanel() {
 
   // Clear messages
   const handleClear = () => {
-    // refresh the page
-    // currently, streamable ui is buggy, so we need to refresh the page to clear the state
-    window.location.reload()
-
-    //   setIsButtonPressed(true);
-    //   setMessages([]);
-    //   setAiMessages([]);
+    setIsButtonPressed(true)
+    setMessages([])
+    setAiMessages([])
   }
 
   useEffect(() => {