Only handle if ref exists

src/ui/Attendees.vue

@@ -24,12 +24,14 @@ export default {
     attendees: {
       deep: true,
       handler() {
+        if (this.$refs && this.$refs.history) {
           setTimeout(() => {
             this.$refs.attendees.scrollTop = this.$refs.attendees.scrollHeight;
           }, 50);
         }
       }
     }
+  }
 };
 </script>
 

src/ui/Chat.vue

@@ -53,9 +53,11 @@ export default {
   watch: {
     chatHistory: {
       handler() {
+        if (this.$refs && this.$refs.history) {
           setTimeout(() => {
             this.$refs.history.scrollTop = this.$refs.history.scrollHeight;
           }, 10);
+        }
       },
       deep: true
     }