fixes #1352 fix toggle global filter button disabled with initial state

Author: KevinVandy

packages/material-react-table/src/components/buttons/MRT_ToggleGlobalFilterButton.tsx

@@ -32,7 +32,7 @@ export const MRT_ToggleGlobalFilterButton = <TData extends MRT_RowData>({
     <Tooltip title={rest?.title ?? localization.showHideSearch}>
       <IconButton
         aria-label={rest?.title ?? localization.showHideSearch}
-        disabled={!!globalFilter}
+        disabled={!!globalFilter && showGlobalFilter}
         onClick={handleToggleSearch}
         {...rest}
         title={undefined}

packages/material-react-table/stories/features/Search.stories.tsx

@@ -1,6 +1,7 @@
 import { type MRT_ColumnDef, MaterialReactTable } from '../../src';
 import { faker } from '@faker-js/faker';
 import { type Meta } from '@storybook/react';
+import { useState } from 'react';
 
 const meta: Meta = {
   title: 'Features/Search Examples',
@@ -48,6 +49,27 @@ export const SearchEnabledDefault = () => (
   <MaterialReactTable columns={columns} data={data} />
 );
 
+export const SearchInitialState = () => (
+  <MaterialReactTable
+    columns={columns}
+    data={data}
+    initialState={{ globalFilter: 'John' }}
+  />
+);
+
+export const SearchInitializedState = () => {
+  const [globalFilter, setGlobalFilter] = useState('John');
+
+  return (
+    <MaterialReactTable
+      columns={columns}
+      data={data}
+      state={{ globalFilter }}
+      onGlobalFilterChange={setGlobalFilter}
+    />
+  );
+};
+
 export const SearchContains = () => (
   <MaterialReactTable columns={columns} data={data} globalFilterFn="contains" />
 );