diff --git a/frontend/src/Apps/Msg.vue b/frontend/src/Apps/Msg.vue
index 254df1d..433300c 100644
--- a/frontend/src/Apps/Msg.vue
+++ b/frontend/src/Apps/Msg.vue
@@ -9,7 +9,7 @@
 	import { ref, reactive } from 'vue'
 	import { getDiscussions, currentDiscussion, fetchDiscussion, createDiscussion } from '@/rest/msg.js'
 
-	const discussionsList = ref(await getDiscussions());
+	const discussionsList = reactive(await getDiscussions());
 
 </script>
 
@@ -17,7 +17,7 @@
 	<div id="msg">
 		<div id="discList">
 			<div @click="fetchDiscussion(discussion.id)" class="discItem" v-for="discussion in discussionsList" :key="discussion.id">{{ discussion.name }}</div>
-			<button id="createDiscussion" @click="createDiscussion('New Discussion'); getDiscussions().then(e => { discussionsList = e; })">+</button>
+			<button id="createDiscussion" @click="createDiscussion('New Discussion').then( e => discussionsList.push(e) )">+</button>
 		</div>
 		<div id="discussion">
 			<h1 id=msgName >{{currentDiscussion.name}}</h1>
diff --git a/frontend/src/rest/msg.js b/frontend/src/rest/msg.js
index 06c084c..1cecd42 100644
--- a/frontend/src/rest/msg.js
+++ b/frontend/src/rest/msg.js
@@ -73,7 +73,7 @@ export async function fetchDiscussion(id){
 }
 
 export async function createDiscussion(name){
-	restPost("/discussion", {name: name});
+	return restPost("/discussion", {name: name});
 }