improve

package.json

@@ -286,7 +286,7 @@
     "markdown-it": "^10.0.0",
     "md5": "^2.1.0",
     "mdast-util-to-hast": "10.0.1",
-    "memoize-one": "^5.0.0",
+    "memoize-one": "^6.0.0",
     "mime": "^2.4.4",
     "mime-types": "^2.1.27",
     "mini-css-extract-plugin": "1.1.0",
@@ -578,7 +578,6 @@
     "@types/lz-string": "^1.3.34",
     "@types/markdown-it": "^0.0.7",
     "@types/md5": "^2.2.0",
-    "@types/memoize-one": "^4.1.0",
     "@types/mime": "^2.0.1",
     "@types/mime-types": "^2.1.0",
     "@types/minimatch": "^2.0.29",

src/plugins/data/public/ui/filter_bar/filter_bar.tsx

@@ -40,7 +40,7 @@ interface Props {
   timeRangeForSuggestionsOverride?: boolean;
 }
 
-function FilterBarUI(props: Props) {
+const FilterBarUI = React.memo(function FilterBarUI(props: Props) {
   const groupRef = useRef<HTMLDivElement>(null);
   const [isAddFilterPopoverOpen, setIsAddFilterPopoverOpen] = useState(false);
   const kibana = useKibana<IDataPluginServices>();
@@ -226,6 +226,6 @@ function FilterBarUI(props: Props) {
       </EuiFlexItem>
     </EuiFlexGroup>
   );
-}
+});
 
 export const FilterBar = injectI18n(FilterBarUI);

src/plugins/data/public/ui/query_string_input/language_switcher.tsx

@@ -32,7 +32,7 @@ export interface QueryLanguageSwitcherProps {
   nonKqlModeHelpText?: string;
 }
 
-export function QueryLanguageSwitcher({
+export const QueryLanguageSwitcher = React.memo(function QueryLanguageSwitcher({
   language,
   anchorPosition,
   onSelectLanguage,
@@ -148,4 +148,4 @@ export function QueryLanguageSwitcher({
       </div>
     </EuiPopover>
   );
-}
+});