add checkout

packages/ui/src/components/search-filter.tsx

@@ -25,7 +25,7 @@ interface SearchFilterProps<T> {
   onValueChange?: (value: string) => void
   requestOptions?: object
   placeholder?: string
-  onChange: (value: T | undefined) => void
+  onChange: (value: T | null) => void
   onSearch: (search: string) => Promise<T[]>
   align: 'start' | 'center' | 'end'
   children: ({ loading }: { loading: boolean }) => ReactNode
@@ -117,7 +117,7 @@ export function SearchFilter<T>({
                 variant="ghost"
                 onClick={() => {
                   setValue('')
-                  onChange?.(undefined)
+                  onChange?.(null)
                   setFalse()
                   mutate([])