diff --git a/src/Common/SearchableDropdown.tsx b/src/Common/SearchableDropdown.tsx
index eca370eb5..a3a20b151 100644
--- a/src/Common/SearchableDropdown.tsx
+++ b/src/Common/SearchableDropdown.tsx
@@ -9,7 +9,7 @@ import {
   Text,
 } from "@fluentui/react";
 import * as React from "react";
-import { useCallback, useRef, useState } from "react";
+import { useCallback, useMemo, useRef, useState } from "react";
 import {
   buttonLabelStyles,
   calloutContentStyles,
@@ -58,7 +58,10 @@ export const SearchableDropdown = <T,>({
     setFilterText("");
   }, []);
 
-  const filteredItems = items?.filter((item) => getDisplayText(item).toLowerCase().includes(filterText.toLowerCase()));
+  const filteredItems = useMemo(
+    () => items?.filter((item) => getDisplayText(item).toLowerCase().includes(filterText.toLowerCase())),
+    [items, filterText, getDisplayText],
+  );
 
   const handleDismiss = useCallback(() => {
     closeDropdown();