diff --git a/src/components/board/Board.vue b/src/components/board/Board.vue
index f0098379d..425af1dee 100644
--- a/src/components/board/Board.vue
+++ b/src/components/board/Board.vue
@@ -77,6 +77,7 @@ import Controls from '../Controls'
 import Stack from './Stack'
 import { EmptyContent } from '@nextcloud/vue'
 import GlobalSearchResults from '../search/GlobalSearchResults'
+import { showError } from '../../helpers/errors'
 
 export default {
 	name: 'Board',
@@ -139,6 +140,7 @@ export default {
 				await this.$store.dispatch('loadStacks', this.id)
 			} catch (e) {
 				console.error(e)
+				showError(e)
 			}
 			this.loading = false
 		},
diff --git a/src/helpers/errors.js b/src/helpers/errors.js
new file mode 100644
index 000000000..66762b8be
--- /dev/null
+++ b/src/helpers/errors.js
@@ -0,0 +1,27 @@
+import { showError as errorDialog } from '@nextcloud/dialogs'
+
+const showAxiosError = err => {
+	const response = err?.response || {}
+	const message = response?.data.message
+
+	if (message) {
+		errorDialog(message)
+		return
+	}
+
+	errorDialog(err.message)
+}
+
+const showError = err => {
+	// axios error
+	if (err.response) {
+		showAxiosError(err)
+		return
+	}
+
+	errorDialog(err.message)
+}
+
+export {
+	showError,
+}