From 5fc950f09f146d4466b111f522e940c8ae32d8c3 Mon Sep 17 00:00:00 2001
From: Matthias Alphart <farmio@alphart.net>
Date: Wed, 24 Apr 2024 10:28:17 +0200
Subject: [PATCH] Fix `ha-filter-states` clear filter behaviour (#20599)

Fix ha-filter-states clear filter behaviour
---
 src/components/ha-filter-devices.ts  | 2 +-
 src/components/ha-filter-entities.ts | 2 +-
 src/components/ha-filter-states.ts   | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/ha-filter-devices.ts b/src/components/ha-filter-devices.ts
index 97f17f9c83..a88b957ed7 100644
--- a/src/components/ha-filter-devices.ts
+++ b/src/components/ha-filter-devices.ts
@@ -94,7 +94,7 @@ export class HaFilterDevices extends LitElement {
       ? nothing
       : html`<ha-check-list-item
           .value=${device.id}
-          .selected=${this.value?.includes(device.id)}
+          .selected=${this.value?.includes(device.id) ?? false}
         >
           ${computeDeviceName(device, this.hass)}
         </ha-check-list-item>`;
diff --git a/src/components/ha-filter-entities.ts b/src/components/ha-filter-entities.ts
index 585d35a527..ee92c9d0c3 100644
--- a/src/components/ha-filter-entities.ts
+++ b/src/components/ha-filter-entities.ts
@@ -108,7 +108,7 @@ export class HaFilterEntities extends LitElement {
       ? nothing
       : html`<ha-check-list-item
           .value=${entity.entity_id}
-          .selected=${this.value?.includes(entity.entity_id)}
+          .selected=${this.value?.includes(entity.entity_id) ?? false}
           graphic="icon"
         >
           <ha-state-icon
diff --git a/src/components/ha-filter-states.ts b/src/components/ha-filter-states.ts
index b3eb0fc1da..ac13aa176d 100644
--- a/src/components/ha-filter-states.ts
+++ b/src/components/ha-filter-states.ts
@@ -62,8 +62,8 @@ export class HaFilterStates extends LitElement {
                   (item) =>
                     html`<ha-check-list-item
                       .value=${item.value}
-                      .selected=${this.value?.includes(item.value)}
-                      .graphic=${hasIcon ? "icon" : undefined}
+                      .selected=${this.value?.includes(item.value) ?? false}
+                      .graphic=${hasIcon ? "icon" : null}
                     >
                       ${item.icon
                         ? html`<ha-icon