From bb2e98ab841ab8334b7c24645601720719a3f524 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Niels=20Lyngs=C3=B8?= <nsl@umbraco.dk>
Date: Tue, 4 Apr 2023 11:41:27 +0200
Subject: [PATCH] revert to key for checkbox list

---
 .../input-checkbox-list/input-checkbox-list.element.ts        | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-checkbox-list/input-checkbox-list.element.ts b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-checkbox-list/input-checkbox-list.element.ts
index ea56adb1c5..e70a5fc6b4 100644
--- a/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-checkbox-list/input-checkbox-list.element.ts
+++ b/src/Umbraco.Web.UI.Client/src/backoffice/shared/components/input-checkbox-list/input-checkbox-list.element.ts
@@ -22,7 +22,7 @@ export class UmbInputCheckboxListElement extends FormControlMixin(UmbLitElement)
 	 */
 	// TODO: Could this use a type that we export to ensure TS failure,  or hook this up with a type coming from backend?
 	@property()
-	public list: Array<{ id: string; checked: boolean; value: string }> = [];
+	public list: Array<{ key: string; checked: boolean; value: string }> = [];
 
 	#selected: Array<string> = [];
 	public get selected(): Array<string> {
@@ -63,7 +63,7 @@ export class UmbInputCheckboxListElement extends FormControlMixin(UmbLitElement)
 		if (!this.list) return nothing;
 		return html`<form>
 			<uui-form @change="${this.#setSelection}">
-				${repeat(this.list, (item) => item.id, this.renderCheckbox)}
+				${repeat(this.list, (item) => item.key, this.renderCheckbox)}
 			</uui-form>
 		</form>`;
 	}