diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/repository/sources/document.server.data.ts b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/repository/sources/document.server.data.ts
index 1f6ccfde12..cf29bf3fc7 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/repository/sources/document.server.data.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/documents/documents/repository/sources/document.server.data.ts
@@ -1,4 +1,4 @@
-import { v4 as uuidv4 } from 'uuid';
+import { UmbId } from '@umbraco-cms/backoffice/id';
 import type { UmbDataSource } from '@umbraco-cms/backoffice/repository';
 import {
 	DocumentResource,
@@ -59,7 +59,7 @@ export class UmbDocumentServerDataSource
 		const data: DocumentResponseModel = {
 			urls: [],
 			templateId: null,
-			id: uuidv4(),
+			id: UmbId.new(),
 			contentTypeId: documentTypeId,
 			values: [],
 			variants: [