useCallback implemented for onSearch

ManageIQ · May 8, 2024 · 4f76227 · 4f76227
1 parent f7cdc41
commit 4f76227
Showing 1 changed file with 5 additions and 2 deletions.
diff --git a/app/javascript/components/AeInlineMethod/NamespaceSelector.jsx b/app/javascript/components/AeInlineMethod/NamespaceSelector.jsx
@@ -1,4 +1,4 @@
-import React, { useState, useMemo } from 'react';
+import React, { useState, useMemo, useCallback } from 'react';
 import PropTypes from 'prop-types';
 import { useQuery } from 'react-query';
 import { Loading } from 'carbon-components-react';
@@ -52,7 +52,10 @@ const NamespaceSelector = ({ onSelectMethod, selectedIds }) => {
   }, 300);
 
   /** Function to handle the onSearch event during a filter change event. */
-  const onSearch = (newFilterData) => debouncedSearch(newFilterData);
+  const onSearch = useCallback(
+    (newFilterData) => debouncedSearch(newFilterData),
+    [debouncedSearch]
+  );
 
   /** Function to handle the click event of a cell in the data table. */
   const onCellClick = (selectedRow, cellType, checked) => {