From 0143e7046727d3b4de347f67604c0df29cd65359 Mon Sep 17 00:00:00 2001
From: escobarjonatan <escobarjonatan11@gmail.com>
Date: Sun, 12 May 2024 13:47:36 -0500
Subject: [PATCH] bugfix: Updated role defaults to cover undefined cases

---
 .../src/pages/createProfile/CreateProfile.tsx      |  2 +-
 .../elements/src/lib/form/FilteredTagsField.tsx    | 14 ++++++++------
 2 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/apps/studio/src/pages/createProfile/CreateProfile.tsx b/apps/studio/src/pages/createProfile/CreateProfile.tsx
index b65a7c820..e112fb979 100644
--- a/apps/studio/src/pages/createProfile/CreateProfile.tsx
+++ b/apps/studio/src/pages/createProfile/CreateProfile.tsx
@@ -36,7 +36,7 @@ const CreateProfile: FunctionComponent = () => {
     lastName,
     location,
     nickname,
-    role,
+    role: role || "",
   };
 
   /**
diff --git a/packages/elements/src/lib/form/FilteredTagsField.tsx b/packages/elements/src/lib/form/FilteredTagsField.tsx
index 1d292c8e8..1ae3bbb10 100644
--- a/packages/elements/src/lib/form/FilteredTagsField.tsx
+++ b/packages/elements/src/lib/form/FilteredTagsField.tsx
@@ -44,12 +44,14 @@ const FilteredTagsField: FunctionComponent<FilteredTagsFieldProps> = ({
  * that match the query string. Once the query string exactly matches a
  * tag, hide the remaining tag.
  */
-const filterTags = (query: string) => (tag: string) => {
-  const emptyQuery = query.length === 0;
-  const queryExactlyMatchesTag = tag === query;
-  const tagIncludesQuery = tag.toLowerCase().includes(query.toLowerCase());
+const filterTags =
+  (query = "") =>
+  (tag: string) => {
+    const emptyQuery = query.length === 0;
+    const queryExactlyMatchesTag = tag === query;
+    const tagIncludesQuery = tag.toLowerCase().includes(query.toLowerCase());
 
-  return emptyQuery || (!queryExactlyMatchesTag && tagIncludesQuery);
-};
+    return emptyQuery || (!queryExactlyMatchesTag && tagIncludesQuery);
+  };
 
 export default FilteredTagsField;