diff --git a/src/Umbraco.Web.UI.Client/src/packages/core/modal/modal.element.ts b/src/Umbraco.Web.UI.Client/src/packages/core/modal/modal.element.ts
index 03224e9f42..3b4a5e209a 100644
--- a/src/Umbraco.Web.UI.Client/src/packages/core/modal/modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/packages/core/modal/modal.element.ts
@@ -12,11 +12,11 @@ import { UmbContextProvider } from '@umbraco-cms/backoffice/context-api';
 
 @customElement('umb-modal')
 export class UmbModalElement extends UmbLitElement {
-	#modalContext: UmbModalContext | undefined;
+	#modalContext?: UmbModalContext;
 	public get modalContext(): UmbModalContext | undefined {
 		return this.#modalContext;
 	}
-	public set modalContext(value: UmbModalContext) {
+	public set modalContext(value: UmbModalContext | undefined) {
 		this.#modalContext = value;
 
 		if (!value) {