diff --git a/packages/core-components/src/components/Table/Table.tsx b/packages/core-components/src/components/Table/Table.tsx index f7ddb2d218..6eda4e01cc 100644 --- a/packages/core-components/src/components/Table/Table.tsx +++ b/packages/core-components/src/components/Table/Table.tsx @@ -212,7 +212,6 @@ export interface TableProps } export function TableToolbar(toolbarProps: { - toolbarRef: MutableRefObject; setSearch: (value: string) => void; onSearchChanged: (value: string) => void; toggleFilters: () => void; @@ -220,7 +219,6 @@ export function TableToolbar(toolbarProps: { selectedFiltersLength: number; }) { const { - toolbarRef, setSearch, hasFilters, selectedFiltersLength, @@ -248,7 +246,6 @@ export function TableToolbar(toolbarProps: { @@ -256,11 +253,7 @@ export function TableToolbar(toolbarProps: { } return ( - + ); } @@ -298,13 +291,6 @@ export function Table({ const MTColumns = convertColumns(columns, theme); const [search, setSearch] = useState(calculatedInitialState.search); - const toolbarRef = useRef(); - - useEffect(() => { - if (toolbarRef.current) { - toolbarRef.current.onSearchChange(search); - } - }, [search, toolbarRef]); useEffect(() => { if (onStateChange) { @@ -440,7 +426,6 @@ export function Table({ toolbarProps => { return ( ({ /> ); }, - [toggleFilters, hasFilters, selectedFiltersLength, setSearch, toolbarRef], + [toggleFilters, hasFilters, selectedFiltersLength, setSearch], ); const hasNoRows = typeof data !== 'function' && data.length === 0;