docs(examples): use react instantsearch hooks widgets from library (#972)

Author: dhayab

examples/react-instantsearch-hooks/package.json

@@ -17,7 +17,7 @@
     "algoliasearch": "4.12.1",
     "react": "17.0.2",
     "react-dom": "17.0.2",
-    "react-instantsearch-hooks": "6.22.0"
+    "react-instantsearch-hooks-web": "6.25.0"
   },
   "devDependencies": {
     "@types/react": "17.0.33",

examples/react-instantsearch-hooks/src/App.tsx

@@ -1,12 +1,18 @@
 import algoliasearch from 'algoliasearch/lite';
-import { Configure, InstantSearch } from 'react-instantsearch-hooks';
+import {
+  Configure,
+  HierarchicalMenu,
+  Hits,
+  InstantSearch,
+  Pagination,
+} from 'react-instantsearch-hooks-web';
 
 import { Autocomplete, Hit } from './components';
 import {
   INSTANT_SEARCH_HIERARCHICAL_ATTRIBUTES,
   INSTANT_SEARCH_INDEX_NAME,
 } from './constants';
-import { HierarchicalMenu, Hits, Pagination, Panel } from './widgets';
+import { Panel } from './widgets/Panel';
 
 import './App.css';
 

examples/react-instantsearch-hooks/src/components/Hit.tsx

@@ -1,6 +1,6 @@
-import { Hit as AlgoliaHit } from '@algolia/client-search';
+import type { Hit as AlgoliaHit } from 'instantsearch.js/es/types';
 
-import { Snippet } from './Snippet';
+import { Snippet } from 'react-instantsearch-hooks-web';
 
 type HitProps = {
   hit: AlgoliaHit<{