How to Use @elastic/react-search-ui with React 19 + Next.js 15.5

npm error ERESOLVE could not resolve
npm error peer react@">= 16.8.0 < 19" from @elastic/react-search-ui@1.23.1

// package.json
{
  "dependencies": {
-   "@elastic/react-search-ui": "^1.23.1",
-   "@elastic/react-search-ui-views": "^1.23.1",
-   "@elastic/search-ui": "^1.23.1",
+   "@elastic/react-search-ui": "^1.24.2",
+   "@elastic/react-search-ui-views": "^1.24.2",
+   "@elastic/search-ui": "^1.24.2",
-   "next": "15.3.8",
+   "next": "15.5.9",
  }
}

type SearchContext = {
  filters: Filter[];
  setFilter: (field: string, value: FilterValue) => void;
  removeFilter: (field: string) => void;
};

<WithSearch
  mapContextToProps={({ filters, setFilter, removeFilter }: SearchContext) => ({
    filters,
    setFilter,
    removeFilter,
  })}
>
  {({ filters, setFilter, removeFilter }: SearchContext) => (
    <MyComponent filters={filters} />
  )}
</WithSearch>

// Remove custom type definitions and rely on type inference
<WithSearch
  mapContextToProps={({ filters, setFilter, removeFilter }) => ({
    filters,
    setFilter,
    removeFilter,
  })}
>
  {({ filters, setFilter, removeFilter }) => (
    <MyComponent
      filters={filters ?? []}        // Handle undefined
      setFilter={setFilter!}          // Non-null assertion
      removeFilter={removeFilter!}
    />
  )}
</WithSearch>

// Before: Custom definition
setFilter: (field: string, value: FieldValue[], operator: 'all' | 'any', negate: boolean) => void

// After: Use the actual type from search-ui
import type { FilterValue, FilterType } from '@elastic/search-ui';

setFilter: (name: string, value: FilterValue, type?: FilterType, persistent?: boolean) => void

// Before
setFilter(field, values, 'all', false);

// After (add type assertion)
setFilter(field, values as FilterValue, 'all', false);