use-autocomplete.tsx

import { useCallback, useId, useRef, useState } from 'react'
import {
  type AutocompleteApi,
  type AutocompleteState,
  createAutocomplete,
} from '@algolia/autocomplete-core'
import { useRouter } from 'next/navigation'

import { type Result, search } from './search-client'

type EmptyObject = Record<string, never>

type Autocomplete = AutocompleteApi<
  Result,
  React.SyntheticEvent,
  React.MouseEvent,
  React.KeyboardEvent
>

export function useAutocomplete({