diff --git a/src/components/TwitchChat.vue b/src/components/TwitchChat.vue
index 98cb676..f0eb8b4 100644
--- a/src/components/TwitchChat.vue
+++ b/src/components/TwitchChat.vue
@@ -9,7 +9,6 @@ import { getEndpoint } from '@/mixins'
 import type { Badge, ParsedMessage } from '@/assets/types'
 import type { VodComment } from '@/types'
 
-
 export default {
   props: {
     isVod: {
@@ -60,6 +59,10 @@ export default {
       }
     }
   },
+  beforeUnmount() {
+    this.ws?.close()
+    this.ws = null
+  },
   methods: {
     getChat() {
       return this.messages