diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/dashboard.element.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/dashboard.element.ts
index 9794dcb785..967a4a7a88 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/dashboard.element.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/dashboard.element.ts
@@ -1,7 +1,7 @@
 import { css, html, LitElement, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbElementMixin } from '@umbraco-cms/backoffice/element-api';
-import type { UmbRoute, UmbRouterSlotChangeEvent, UmbRouterSlotInitEvent } from '@umbraco-cms/backoffice/router';
+import type { UmbRoute } from '@umbraco-cms/backoffice/router';
 
 @customElement('umb-dashboard')
 export class UmbDashboardElement extends UmbElementMixin(LitElement) {
diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts
index b44e2f4ae9..1755a7ef3a 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal-token.ts
@@ -1,9 +1,9 @@
 import { UmbModalToken } from '@umbraco-cms/backoffice/modal';
 
 export type Data = object;
-export type RetData = object;
+export type ModalValue = object;
 
-export const EXAMPLE_ROUTED_MODAL = new UmbModalToken<Data, RetData>(
+export const EXAMPLE_ROUTED_MODAL = new UmbModalToken<Data, ModalValue>(
 	'example.routed.modal', // this needs to match the alias of the modal registered in manifest.ts
 	{
 		modal: {
diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts
index 29f70ed38e..e1f0f5bdd4 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/modal/example-modal.element.ts
@@ -1,14 +1,14 @@
 import { css, html, customElement, state } from '@umbraco-cms/backoffice/external/lit';
 import { UmbTextStyles } from '@umbraco-cms/backoffice/style';
 import { UmbModalBaseElement } from '@umbraco-cms/backoffice/modal';
-import type { UmbRoute, UmbRouterSlotChangeEvent, UmbRouterSlotInitEvent } from '@umbraco-cms/backoffice/router';
+import type { UmbRoute } from '@umbraco-cms/backoffice/router';
 
 @customElement('umb-example-modal')
 export class UmbExampleModal extends UmbModalBaseElement {
 	@state()
 	private _routes: UmbRoute[] = [
 		{
-			path: `overview`,
+			path: `modalOverview`,
 			component: () => import('./steps/example-modal-step1.element.js'),
 		},
 		{
@@ -17,7 +17,7 @@ export class UmbExampleModal extends UmbModalBaseElement {
 		},
 		{
 			path: '',
-			redirectTo: 'overview',
+			redirectTo: 'modalOverview',
 		},
 	];
 
diff --git a/src/Umbraco.Web.UI.Client/examples/modal-routed/tabs/tab2.element.ts b/src/Umbraco.Web.UI.Client/examples/modal-routed/tabs/tab2.element.ts
index 11799d01b0..7dca0365ac 100644
--- a/src/Umbraco.Web.UI.Client/examples/modal-routed/tabs/tab2.element.ts
+++ b/src/Umbraco.Web.UI.Client/examples/modal-routed/tabs/tab2.element.ts
@@ -6,7 +6,10 @@ import { UmbModalRouteRegistrationController } from '@umbraco-cms/backoffice/rou
 
 @customElement('umb-dashboard-tab2')
 export class UmbDashboardTab2Element extends UmbElementMixin(LitElement) {
-	#workspaceModal?: UmbModalRouteRegistrationController;
+	#workspaceModal?: UmbModalRouteRegistrationController<
+		typeof EXAMPLE_ROUTED_MODAL.DATA,
+		typeof EXAMPLE_ROUTED_MODAL.VALUE
+	>;
 
 	@state()
 	_editLinkPath?: string;