Memoize stripDiacritics in filter for input

Author: emmatown

.changeset/kind-yaks-clean.md

@@ -0,0 +1,5 @@
+---
+'react-select': patch
+---
+
+Memoize stripDiacritics in createFilter for the input with memoize-one so that stripDiacritics is not called for the same string as many times as there are options every time the input changes

packages/react-select/src/filters.js

@@ -9,6 +9,9 @@ type Config = {
 };
 
 import { stripDiacritics } from './diacritics';
+import memoizeOne from 'memoize-one';
+
+const memoizedStripDiacriticsForInput = memoizeOne(stripDiacritics);
 
 const trimString = str => str.replace(/^\s+|\s+$/g, '');
 const defaultStringify = option => `${option.label} ${option.value}`;
@@ -32,7 +35,7 @@ export const createFilter = (config: ?Config) => (
     candidate = candidate.toLowerCase();
   }
   if (ignoreAccents) {
-    input = stripDiacritics(input);
+    input = memoizedStripDiacriticsForInput(input);
     candidate = stripDiacritics(candidate);
   }
   return matchFrom === 'start'