fix: attempt to perform lower case on non-string value

Author: CodesAreHonest

packages/motif/src/components/AsyncSingleSelect/AsyncSingleSelect.tsx

@@ -47,7 +47,10 @@ const AsyncSingleSelect: FC<AsyncSingleSelectProps> = ({
         const nextOptions = options
           .filter((option: Option) => {
             const optionLabel = option.label as string;
-            return optionLabel.toLowerCase().includes(term.toLowerCase());
+            return optionLabel
+              .toString()
+              .toLowerCase()
+              .includes(term.toString().toLowerCase());
           })
           .slice(0, 10);
         setAsyncOptions(nextOptions);

packages/motif/src/containers/SidePanel/SearchPanel/hooks/useGraphSearch.tsx

@@ -33,7 +33,10 @@ const useGraphSearch = () => {
     const node: Node = graphVisible.nodes.find((node: Node) => {
       const nodeProperty: string = get(node, accessor, '');
 
-      return nodeProperty.toLowerCase() === searchCase.toLowerCase();
+      return (
+        nodeProperty.toString().toLowerCase() ===
+        searchCase.toString().toLowerCase()
+      );
     });
 
     return node;
@@ -43,7 +46,10 @@ const useGraphSearch = () => {
     const node: Edge = graphVisible.edges.find((edge: Edge) => {
       const nodeProperty: string = get(edge, accessor, '');
 
-      return nodeProperty.toLowerCase() === searchCase.toLowerCase();
+      return (
+        nodeProperty.toString().toLowerCase() ===
+        searchCase.toString().toLowerCase()
+      );
     });
 
     return node;