From c4b2ddef5524503b98eaa732ec4e12b9d7878061 Mon Sep 17 00:00:00 2001
From: Mads Rasmussen <madsr@hey.com>
Date: Mon, 17 Apr 2023 11:10:04 +0200
Subject: [PATCH] add null check for add

---
 .../components/data-type-input/data-type-input.element.ts      | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/components/data-type-input/data-type-input.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/components/data-type-input/data-type-input.element.ts
index d7bb8935bd..db4aafbef9 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/components/data-type-input/data-type-input.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/settings/data-types/components/data-type-input/data-type-input.element.ts
@@ -114,11 +114,12 @@ export class UmbDataTypeInputElement extends FormControlMixin(UmbLitElement) {
 	}
 
 	private _renderItem(item: DataTypeItemResponseModel) {
+		if (!item.id) return;
 		return html`
 			<uui-ref-node-data-type name=${item.name}>
 				<uui-action-bar slot="actions">
 					<uui-button
-						@click=${() => this.#pickerContext.requestRemoveItem(item.id)}
+						@click=${() => this.#pickerContext.requestRemoveItem(item.id!)}
 						label="Remove Data Type ${item.name}"
 						>Remove</uui-button
 					>