From 4d63ce7c1b6214121abca9ba0e318470292a0a00 Mon Sep 17 00:00:00 2001
From: Patrik Oldsberg <poldsberg@gmail.com>
Date: Wed, 16 Jun 2021 17:42:06 +0200
Subject: [PATCH] core-plugin-api: make useElementFilter filter for undefined
 component data instead of falsy

Signed-off-by: Patrik Oldsberg <poldsberg@gmail.com>
---
 .../src/extensions/useElementFilter.tsx                | 10 ++++++----
 1 file changed, 6 insertions(+), 4 deletions(-)

diff --git a/packages/core-plugin-api/src/extensions/useElementFilter.tsx b/packages/core-plugin-api/src/extensions/useElementFilter.tsx
index b33c23e422..fef777cb95 100644
--- a/packages/core-plugin-api/src/extensions/useElementFilter.tsx
+++ b/packages/core-plugin-api/src/extensions/useElementFilter.tsx
@@ -88,19 +88,21 @@ class ElementCollection {
     const selection = selectChildren(
       this.node,
       this.featureFlagsApi,
-      node => Boolean(getComponentData(node, query.key)),
+      node => getComponentData(node, query.key) !== undefined,
       query.withStrictError,
     );
     return new ElementCollection(selection, this.featureFlagsApi);
   }
 
   findComponentData<T>(query: { key: string }): T[] {
-    const selection = selectChildren(this.node, this.featureFlagsApi, node =>
-      Boolean(getComponentData(node, query.key)),
+    const selection = selectChildren(
+      this.node,
+      this.featureFlagsApi,
+      node => getComponentData(node, query.key) !== undefined,
     );
     return selection
       .map(node => getComponentData<T>(node, query.key))
-      .filter((data: T | undefined): data is T => Boolean(data));
+      .filter((data: T | undefined): data is T => data !== undefined);
   }
 
   getElements<Props extends { [name: string]: unknown }>(): Array<