import Zrch, { useZrch } from 'zrch'

<Zrch 

  // provide any data, consistency recommended
  searchable={[ ... ]}

  // customize your search results
  threshold={ 0.6 }
  fieldNorm={ 0.8 }
  distance={ 200 }
  minMatch={ 3 }

  // easily handle click and keyboard events
  onSelect={(result, index) => 
    console.log('Selected item:', result) 
  }

  // render your own items
  RenderItem={(result, index) => 
    <p>{result.title}</p>
  }

/>

pratiqdev