From 9866a3217e95c9324a0a9554cda787a07d206ad4 Mon Sep 17 00:00:00 2001
From: Paul Bottein <paul.bottein@gmail.com>
Date: Tue, 11 Jul 2023 14:35:37 +0200
Subject: [PATCH] Prevent items in add integration dialog from flickering
 (#17260)

---
 src/panels/config/integrations/dialog-add-integration.ts | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/panels/config/integrations/dialog-add-integration.ts b/src/panels/config/integrations/dialog-add-integration.ts
index 02935336c0..eed4036670 100644
--- a/src/panels/config/integrations/dialog-add-integration.ts
+++ b/src/panels/config/integrations/dialog-add-integration.ts
@@ -443,6 +443,7 @@ class AddIntegrationDialog extends LitElement {
               })}
               @click=${this._integrationPicked}
               .items=${integrations}
+              .keyFunction=${this._keyFunction}
               .renderItem=${this._renderRow}
             >
             </lit-virtualizer>
@@ -450,6 +451,9 @@ class AddIntegrationDialog extends LitElement {
         : html`<ha-circular-progress active></ha-circular-progress>`} `;
   }
 
+  private _keyFunction = (integration: IntegrationListItem) =>
+    integration.domain;
+
   private _renderRow = (integration: IntegrationListItem) => {
     if (!integration) {
       return nothing;