test

packages/frontend/src/pages/messaging/index.vue

@@ -29,7 +29,7 @@ SPDX-License-Identifier: AGPL-3.0-only
 </template>
 
 <script lang="ts" setup>
-import { markRaw, onMounted, onUnmounted } from 'vue';
+import { onMounted, onUnmounted } from 'vue';
 import * as Acct from 'cherrypick-js/built/acct';
 import * as os from '@/os.js';
 import { useStream } from '@/stream.js';
@@ -47,7 +47,7 @@ let tab = $ref('direct');
 
 let fetching = $ref(true);
 let messages = $ref([]);
-let connection = $ref(null);
+let connection;
 
 const directPagination = {
 	endpoint: 'messaging/history' as const,
@@ -134,7 +134,7 @@ async function readAllMessagingMessages() {
 }
 
 onMounted(() => {
-	connection = markRaw(useStream().useChannel('messagingIndex'));
+	connection = useStream().useChannel('messagingIndex');
 
 	connection.on('message', onMessage);
 	connection.on('read', onRead);