diff --git a/src/viewer.js b/src/viewer.js
index 705c7d5f..34c8dde8 100644
--- a/src/viewer.js
+++ b/src/viewer.js
@@ -5,12 +5,14 @@ import { getCapabilities } from '@nextcloud/capabilities'
 
 const supportedMimes = getCapabilities().officeonline.mimetypes
 
-if (OCA.Viewer) {
-	OCA.Viewer.registerHandler({
-		id: 'officeonline',
-		group: null,
-		mimes: supportedMimes,
-		component: Office,
-		theme: 'default',
-	})
-}
+document.addEventListener('DOMContentLoaded', () => {
+	if (OCA.Viewer) {
+		OCA.Viewer.registerHandler({
+			id: 'officeonline',
+			group: null,
+			mimes: supportedMimes,
+			component: Office,
+			theme: 'default',
+		})
+	}
+})