chore(deps): update @algolia/client-search to v5 (major) (#7979)

* chore(deps): update algoliasearch-client-javascript monorepo to v5

* Fix API usage

* Fix example

---------

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: Lachlan Collins <1667261+lachlancollins@users.noreply.github.com>

examples/react/algolia/package.json

@@ -9,11 +9,9 @@
     "test:types": "tsc"
   },
   "dependencies": {
-    "@algolia/client-search": "4.24.0",
-    "@algolia/transporter": "4.24.0",
+    "@algolia/client-search": "5.2.1",
     "@tanstack/react-query": "^5.52.2",
     "@tanstack/react-query-devtools": "^5.52.2",
-    "algoliasearch": "4.24.0",
     "react": "19.0.0-rc-4c2e457c7c-20240522",
     "react-dom": "19.0.0-rc-4c2e457c7c-20240522"
   },

examples/react/algolia/src/algolia.ts

@@ -1,5 +1,5 @@
-import algoliasearch from 'algoliasearch'
-import { Hit } from '@algolia/client-search'
+import { searchClient } from '@algolia/client-search'
+import type { Hit } from '@algolia/client-search'
 
 // From Algolia example
 // https://github.com/algolia/react-instantsearch
@@ -19,17 +19,16 @@ export async function search<TData>({
   pageParam,
   hitsPerPage = 10,
 }: SearchOptions): Promise<{
-  hits: Hit<TData>[]
+  hits: Array<Hit<TData>>
   nextPage: number | undefined
 }> {
-  const client = algoliasearch(ALGOLIA_APP_ID, ALGOLIA_SEARCH_API_KEY)
-  const index = client.initIndex(indexName)
+  const client = searchClient(ALGOLIA_APP_ID, ALGOLIA_SEARCH_API_KEY)
 
-  console.log('alogolia:search', { indexName, query, pageParam, hitsPerPage })
+  console.log('algolia:search', { indexName, query, pageParam, hitsPerPage })
 
-  const { hits, page, nbPages } = await index.search<TData>(query, {
-    page: pageParam,
-    hitsPerPage,
+  const { hits, page, nbPages } = await client.searchSingleIndex<TData>({
+    indexName,
+    searchParams: { query, page: pageParam, hitsPerPage },
   })
 
   const nextPage = page + 1 < nbPages ? page + 1 : undefined

examples/react/algolia/src/useAlgolia.ts

@@ -1,4 +1,4 @@
-import { useInfiniteQuery, skipToken } from '@tanstack/react-query'
+import { skipToken, useInfiniteQuery } from '@tanstack/react-query'
 import { search } from './algolia'
 
 export type UseAlgoliaOptions = {
@@ -23,7 +23,7 @@ export default function useAlgolia<TData>({
           search<TData>({ indexName, query, pageParam, hitsPerPage })
       : skipToken,
     initialPageParam: 0,
-    getNextPageParam: (lastPage) => lastPage?.nextPage,
+    getNextPageParam: (lastPage) => lastPage.nextPage,
     staleTime,
     gcTime,
   })