diff --git a/package.json b/package.json
index 26db7bd2d6..5600c4076f 100644
--- a/package.json
+++ b/package.json
@@ -53,7 +53,7 @@
   ],
   "dependencies": {
     "@types/googlemaps": "^3.39.6",
-    "algoliasearch-helper": "^3.3.4",
+    "algoliasearch-helper": "^3.4.4",
     "classnames": "^2.2.5",
     "events": "^1.1.0",
     "hogan.js": "^3.0.2",
@@ -143,7 +143,7 @@
   "bundlesize": [
     {
       "path": "./dist/instantsearch.production.min.js",
-      "maxSize": "66.15 kB"
+      "maxSize": "66.50 kB"
     },
     {
       "path": "./dist/instantsearch.development.js",
diff --git a/src/components/MenuSelect/MenuSelect.tsx b/src/components/MenuSelect/MenuSelect.tsx
index 21c14ac8cb..01d6fdcab7 100644
--- a/src/components/MenuSelect/MenuSelect.tsx
+++ b/src/components/MenuSelect/MenuSelect.tsx
@@ -4,11 +4,11 @@ import { h } from 'preact';
 import cx from 'classnames';
 import { find } from '../../lib/utils';
 import Template from '../Template/Template';
-
-type MenuSelectTemplates = {
-  defaultOption: string;
-  item: string;
-};
+import {
+  MenuSelectCSSClasses,
+  MenuSelectTemplates,
+} from '../../widgets/menu-select/menu-select';
+import { MenuRendererOptions } from '../../connectors/menu/connectMenu';
 
 type MenuItem = {
   /**
@@ -30,14 +30,9 @@ type MenuItem = {
 };
 
 type Props = {
-  cssClasses: {
-    root: string;
-    noRefinementRoot: string;
-    select: string;
-    option: string;
-  };
+  cssClasses: MenuSelectCSSClasses;
   items: MenuItem[];
-  refine: (value: MenuItem['value']) => void;
+  refine: MenuRendererOptions['refine'];
   templateProps: {
     templates: MenuSelectTemplates;
   };
diff --git a/src/connectors/menu/__tests__/connectMenu-test.js b/src/connectors/menu/__tests__/connectMenu-test.ts
similarity index 90%
rename from src/connectors/menu/__tests__/connectMenu-test.js
rename to src/connectors/menu/__tests__/connectMenu-test.ts
index 1a7c3478d1..26319fe3c1 100644
--- a/src/connectors/menu/__tests__/connectMenu-test.js
+++ b/src/connectors/menu/__tests__/connectMenu-test.ts
@@ -23,6 +23,7 @@ describe('connectMenu', () => {
   describe('Usage', () => {
     it('throws without render function', () => {
       expect(() => {
+        // @ts-ignore
         connectMenu()({});
       }).toThrowErrorMatchingInlineSnapshot(`
 "The render function is not valid (received type Undefined).
@@ -164,7 +165,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     // test if widget is not rendered yet at this point
     expect(rendering).toHaveBeenCalledTimes(0);
 
-    const helper = jsHelper({}, '', config);
+    const helper = jsHelper(createSearchClient(), '', config);
     helper.search = jest.fn();
 
     widget.init({
@@ -188,7 +189,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     );
 
     widget.render({
-      results: new SearchResults(helper.state, [{}]),
+      results: new SearchResults(helper.state, [createSingleSearchResponse()]),
       state: helper.state,
       helper,
       createURL: () => '#',
@@ -214,7 +215,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     const helper = jsHelper(
-      {},
+      createSearchClient(),
       '',
       widget.getWidgetSearchParameters(new SearchParameters(), { uiState: {} })
     );
@@ -237,7 +238,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     expect(helper.hasRefinements('category')).toBe(true);
 
     widget.render({
-      results: new SearchResults(helper.state, [{}, {}]),
+      results: new SearchResults(helper.state, [
+        createSingleSearchResponse(),
+        createSingleSearchResponse(),
+      ]),
       state: helper.state,
       helper,
       createURL: () => '#',
@@ -257,7 +261,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     const helper = jsHelper(
-      {},
+      createSearchClient(),
       '',
       widget.getWidgetSearchParameters(new SearchParameters(), { uiState: {} })
     );
@@ -281,22 +285,22 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
     widget.render({
       results: new SearchResults(helper.state, [
-        {
+        createSingleSearchResponse({
           hits: [],
           facets: {
             category: {
               Decoration: 880,
             },
           },
-        },
-        {
+        }),
+        createSingleSearchResponse({
           facets: {
             category: {
               Decoration: 880,
               Outdoor: 47,
             },
           },
-        },
+        }),
       ]),
       state: helper.state,
       helper,
@@ -310,6 +314,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
             label: 'Decoration',
             value: 'Decoration',
             count: 880,
+            exhaustive: true,
             isRefined: true,
             data: null,
           },
@@ -317,6 +322,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
             label: 'Outdoor',
             value: 'Outdoor',
             count: 47,
+            exhaustive: true,
             isRefined: false,
             data: null,
           },
@@ -334,7 +340,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     // note that the helper is called with empty search parameters
     // which means this can only happen in a stale search situation
     // when this widget gets mounted
-    const helper = jsHelper({}, '', {});
+    const helper = jsHelper(createSearchClient(), '', {});
 
     widget.render({
       results: new SearchResults(helper.state, [
@@ -376,7 +382,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     const helper = jsHelper(
-      {},
+      createSearchClient(),
       '',
       widget.getWidgetSearchParameters(new SearchParameters(), { uiState: {} })
     );
@@ -398,22 +404,22 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
     widget.render({
       results: new SearchResults(helper.state, [
-        {
+        createSingleSearchResponse({
           hits: [],
           facets: {
             category: {
               Decoration: 880,
             },
           },
-        },
-        {
+        }),
+        createSingleSearchResponse({
           facets: {
             category: {
               Decoration: 880,
               Outdoor: 47,
             },
           },
-        },
+        }),
       ]),
       state: helper.state,
       helper,
@@ -435,11 +441,13 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       attribute: 'category',
     });
     const helper = jsHelper(
-      {},
+      createSearchClient(),
       '',
-      widget.getWidgetSearchParameters(new SearchParameters(), { uiState: {} })
+      widget.getWidgetSearchParameters!(new SearchParameters(), { uiState: {} })
     );
-    expect(() => widget.dispose({ helper, state: helper.state })).not.toThrow();
+    expect(() =>
+      widget.dispose!({ helper, state: helper.state })
+    ).not.toThrow();
   });
 
   describe('getRenderState', () => {
@@ -453,7 +461,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const helper = jsHelper(
         createSearchClient(),
         'indexName',
-        menu.getWidgetSearchParameters(new SearchParameters(), { uiState: {} })
+        menu.getWidgetSearchParameters!(new SearchParameters(), { uiState: {} })
       );
 
       const renderState1 = menu.getRenderState(
@@ -461,7 +469,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
         createInitOptions({ helper })
       );
 
-      expect(renderState1.menu).toEqual({
+      expect(renderState1.menu!.brand).toEqual({
         items: [],
         createURL: expect.any(Function),
         refine: expect.any(Function),
@@ -484,12 +492,12 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const helper = jsHelper(
         createSearchClient(),
         'indexName',
-        menu.getWidgetSearchParameters(new SearchParameters(), {
+        menu.getWidgetSearchParameters!(new SearchParameters(), {
           uiState: {},
         })
       );
 
-      menu.init(createInitOptions({ helper }));
+      menu.init!(createInitOptions({ helper }));
 
       expect(
         menu.getRenderState(
@@ -499,24 +507,23 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
             results: new SearchResults(helper.state, [
               createSingleSearchResponse({
                 hits: [],
-                facets: {
-                  brand: 300,
-                },
               }),
             ]),
           })
         )
       ).toEqual({
         menu: {
-          items: [],
-          canRefine: false,
-          refine: expect.any(Function),
-          sendEvent: expect.any(Function),
-          createURL: expect.any(Function),
-          widgetParams: { attribute: 'brand' },
-          isShowingMore: false,
-          toggleShowMore: expect.any(Function),
-          canToggleShowMore: false,
+          brand: {
+            items: [],
+            canRefine: false,
+            refine: expect.any(Function),
+            sendEvent: expect.any(Function),
+            createURL: expect.any(Function),
+            widgetParams: { attribute: 'brand' },
+            isShowingMore: false,
+            toggleShowMore: expect.any(Function),
+            canToggleShowMore: false,
+          },
         },
       });
     });
@@ -533,11 +540,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const helper = jsHelper(
         createSearchClient(),
         'indexName',
-        menu.getWidgetSearchParameters(new SearchParameters(), { uiState: {} })
+        menu.getWidgetSearchParameters!(new SearchParameters(), { uiState: {} })
       );
 
       const renderState1 = menu.getWidgetRenderState(
-        {},
         createInitOptions({ helper })
       );
 
@@ -624,7 +630,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const config = widget.getWidgetSearchParameters(new SearchParameters(), {
         uiState: {},
       });
-      const helper = jsHelper({}, '', config);
+      const helper = jsHelper(createSearchClient(), '', config);
       helper.search = jest.fn();
 
       widget.init({
@@ -654,7 +660,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const config = widget.getWidgetSearchParameters(new SearchParameters(), {
         uiState: {},
       });
-      const helper = jsHelper({}, '', config);
+      const helper = jsHelper(createSearchClient(), '', config);
 
       helper.search = jest.fn();
       helper.toggleRefinement('category', 'Decoration');
@@ -667,22 +673,22 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
       widget.render({
         results: new SearchResults(helper.state, [
-          {
+          createSingleSearchResponse({
             hits: [],
             facets: {
               category: {
                 Decoration: 880,
               },
             },
-          },
-          {
+          }),
+          createSingleSearchResponse({
             facets: {
               category: {
                 Decoration: 880,
                 Outdoor: 47,
               },
             },
-          },
+          }),
         ]),
         state: helper.state,
         helper,
@@ -720,7 +726,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const config = widget.getWidgetSearchParameters(new SearchParameters(), {
         uiState: {},
       });
-      const helper = jsHelper({}, '', config);
+      const helper = jsHelper(createSearchClient(), '', config);
 
       helper.search = jest.fn();
       helper.toggleRefinement('category', 'Decoration');
@@ -733,21 +739,21 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
       widget.render({
         results: new SearchResults(helper.state, [
-          {
+          createSingleSearchResponse({
             hits: [],
             facets: {
               category: {
                 Decoration: 880,
               },
             },
-          },
-          {
+          }),
+          createSingleSearchResponse({
             facets: {
               category: {
                 Decoration: 880,
               },
             },
-          },
+          }),
         ]),
         state: helper.state,
         helper,
@@ -763,7 +769,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
   describe('getWidgetUiState', () => {
     test('returns the `uiState` empty', () => {
-      const helper = jsHelper({}, '');
+      const helper = jsHelper(createSearchClient(), '');
       const widget = makeWidget({
         attribute: 'brand',
       });
@@ -779,7 +785,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     test('returns the `uiState` with a refinement', () => {
-      const helper = jsHelper({}, '', {
+      const helper = jsHelper(createSearchClient(), '', {
         hierarchicalFacets: [
           {
             name: 'brand',
@@ -810,7 +816,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     test('returns the `uiState` without namespace overridden', () => {
-      const helper = jsHelper({}, '', {
+      const helper = jsHelper(createSearchClient(), '', {
         hierarchicalFacets: [
           {
             name: 'brand',
@@ -848,7 +854,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
   describe('getWidgetSearchParameters', () => {
     test('returns the `SearchParameters` with the default value', () => {
-      const helper = jsHelper({}, '');
+      const helper = jsHelper(createSearchClient(), '');
       const widget = makeWidget({
         attribute: 'brand',
       });
@@ -870,7 +876,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     test('returns the `SearchParameters` with the default value without the previous refinement', () => {
-      const helper = jsHelper({}, '', {
+      const helper = jsHelper(createSearchClient(), '', {
         hierarchicalFacets: [
           {
             name: 'brand',
@@ -903,7 +909,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     test('returns the `SearchParameters` with the value from `uiState`', () => {
-      const helper = jsHelper({}, '');
+      const helper = jsHelper(createSearchClient(), '');
       const widget = makeWidget({
         attribute: 'brand',
       });
@@ -929,7 +935,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
     });
 
     test('returns the `SearchParameters` with the value from `uiState` without the previous refinement', () => {
-      const helper = jsHelper({}, '', {
+      const helper = jsHelper(createSearchClient(), '', {
         hierarchicalFacets: [
           {
             name: 'brand',
@@ -967,7 +973,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
     describe('with `maxValuesPerFacet`', () => {
       test('returns the `SearchParameters` with default `limit`', () => {
-        const helper = jsHelper({}, '');
+        const helper = jsHelper(createSearchClient(), '');
         const widget = makeWidget({
           attribute: 'brand',
         });
@@ -980,7 +986,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       });
 
       test('returns the `SearchParameters` with provided `limit`', () => {
-        const helper = jsHelper({}, '');
+        const helper = jsHelper(createSearchClient(), '');
         const widget = makeWidget({
           attribute: 'brand',
           limit: 5,
@@ -994,7 +1000,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       });
 
       test('returns the `SearchParameters` with default `showMoreLimit`', () => {
-        const helper = jsHelper({}, '');
+        const helper = jsHelper(createSearchClient(), '');
         const widget = makeWidget({
           attribute: 'brand',
           showMore: true,
@@ -1008,7 +1014,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       });
 
       test('returns the `SearchParameters` with provided `showMoreLimit`', () => {
-        const helper = jsHelper({}, '');
+        const helper = jsHelper(createSearchClient(), '');
         const widget = makeWidget({
           attribute: 'brand',
           showMore: true,
@@ -1023,7 +1029,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       });
 
       test('returns the `SearchParameters` with the previous value if higher than `limit`/`showMoreLimit`', () => {
-        const helper = jsHelper({}, '', {
+        const helper = jsHelper(createSearchClient(), '', {
           maxValuesPerFacet: 100,
         });
 
@@ -1039,7 +1045,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       });
 
       test('returns the `SearchParameters` with `limit`/`showMoreLimit` if higher than previous value', () => {
-        const helper = jsHelper({}, '', {
+        const helper = jsHelper(createSearchClient(), '', {
           maxValuesPerFacet: 100,
         });
 
@@ -1067,7 +1073,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const indexName = 'instant_search';
 
       const helper = jsHelper(
-        {},
+        createSearchClient(),
         indexName,
         widget.getWidgetSearchParameters(new SearchParameters(), {
           uiState: {},
@@ -1100,22 +1106,22 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
 
       widget.render({
         results: new SearchResults(helper.state, [
-          {
+          createSingleSearchResponse({
             hits: [],
             facets: {
               myFacet: {
                 Decoration: 880,
               },
             },
-          },
-          {
+          }),
+          createSingleSearchResponse({
             facets: {
               myFacet: {
                 Decoration: 880,
                 Outdoor: 47,
               },
             },
-          },
+          }),
         ]),
         state: helper.state,
         helper,
@@ -1160,7 +1166,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       const indexName = 'instant_search';
 
       const helper = jsHelper(
-        {},
+        createSearchClient(),
         indexName,
         widget.getWidgetSearchParameters(new SearchParameters(), {
           uiState: {},
@@ -1213,7 +1219,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
       });
       const instantSearchInstance = createInstantSearch();
       const helper = jsHelper(
-        {},
+        createSearchClient(),
         '',
         widget.getWidgetSearchParameters(new SearchParameters(), {
           uiState: {},
diff --git a/src/connectors/menu/connectMenu.js b/src/connectors/menu/connectMenu.ts
similarity index 50%
rename from src/connectors/menu/connectMenu.js
rename to src/connectors/menu/connectMenu.ts
index 194adccafc..0e70b569e0 100644
--- a/src/connectors/menu/connectMenu.js
+++ b/src/connectors/menu/connectMenu.ts
@@ -3,45 +3,106 @@ import {
   createDocumentationMessageGenerator,
   createSendEventForFacet,
   noop,
+  SendEventForFacet,
 } from '../../lib/utils';
+import {
+  Connector,
+  RenderOptions,
+  SortBy,
+  TransformItems,
+  Widget,
+} from '../../types';
 
 const withUsage = createDocumentationMessageGenerator({
   name: 'menu',
   connector: true,
 });
 
-/**
- * @typedef {Object} MenuItem
- * @property {string} value The value of the menu item.
- * @property {string} label Human-readable value of the menu item.
- * @property {number} count Number of results matched after refinement is applied.
- * @property {boolean} isRefined Indicates if the refinement is applied.
- */
-
-/**
- * @typedef {Object} CustomMenuWidgetParams
- * @property {string} attribute Name of the attribute for faceting (eg. "free_shipping").
- * @property {number} [limit = 10] How many facets values to retrieve.
- * @property {boolean} [showMore = false] Whether to display a button that expands the number of items.
- * @property {number} [showMoreLimit = 20] How many facets values to retrieve when `toggleShowMore` is called, this value is meant to be greater than `limit` option.
- * @property {string[]|function} [sortBy = ['isRefined', 'name:asc']] How to sort refinements. Possible values: `count|isRefined|name:asc|name:desc`.
- *
- * You can also use a sort function that behaves like the standard Javascript [compareFunction](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax).
- * @property {function(object[]):object[]} [transformItems] Function to transform the items passed to the templates.
- */
-
-/**
- * @typedef {Object} MenuRenderingOptions
- * @property {MenuItem[]} items The elements that can be refined for the current search results.
- * @property {function(item.value): string} createURL Creates the URL for a single item name in the list.
- * @property {function(item.value)} refine Filter the search to item value.
- * @property {boolean} canRefine True if refinement can be applied.
- * @property {Object} widgetParams All original `CustomMenuWidgetParams` forwarded to the `renderFn`.
- * @property {boolean} isShowingMore True if the menu is displaying all the menu items.
- * @property {function} toggleShowMore Toggles the number of values displayed between `limit` and `showMore.limit`.
- * @property {boolean} canToggleShowMore `true` if the toggleShowMore button can be activated (enough items to display more or
- * already displaying more than `limit` items)
- */
+export type MenuItem = {
+  /**
+   * The value of the menu item.
+   */
+  value: string;
+  /**
+   * Human-readable value of the menu item.
+   */
+  label: string;
+  /**
+   * Number of results matched after refinement is applied.
+   */
+  count: number;
+  /**
+   * Indicates if the refinement is applied.
+   */
+  isRefined: boolean;
+};
+
+export type MenuConnectorParams = {
+  /**
+   * Name of the attribute for faceting (eg. "free_shipping").
+   */
+  attribute: string;
+  /**
+   * How many facets values to retrieve.
+   */
+  limit?: number;
+  /**
+   * Whether to display a button that expands the number of items.
+   */
+  showMore?: boolean;
+  /**
+   * How many facets values to retrieve when `toggleShowMore` is called, this value is meant to be greater than `limit` option.
+   */
+  showMoreLimit?: number;
+  /**
+   * How to sort refinements. Possible values: `count|isRefined|name:asc|name:desc`.
+   *
+   * You can also use a sort function that behaves like the standard Javascript [compareFunction](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax).
+   */
+  sortBy?: SortBy<MenuItem>;
+  /**
+   * Function to transform the items passed to the templates.
+   */
+  transformItems?: TransformItems<MenuItem>;
+};
+
+export type MenuRendererOptions = {
+  /**
+   * The elements that can be refined for the current search results.
+   */
+  items: MenuItem[];
+  /**
+   * Creates the URL for a single item name in the list.
+   */
+  createURL(value: string): string;
+  /**
+   * Filter the search to item value.
+   */
+  refine(value: string): void;
+  /**
+   * True if refinement can be applied.
+   */
+  canRefine: boolean;
+  /**
+   * True if the menu is displaying all the menu items.
+   */
+  isShowingMore: boolean;
+  /**
+   * Toggles the number of values displayed between `limit` and `showMore.limit`.
+   */
+  toggleShowMore(): void;
+  /**
+   * `true` if the toggleShowMore button can be activated (enough items to display more or
+   * already displaying more than `limit` items)
+   */
+  canToggleShowMore: boolean;
+  /**
+   * Send event to insights middleware
+   */
+  sendEvent: SendEventForFacet;
+};
+
+export type MenuConnector = Connector<MenuRendererOptions, MenuConnectorParams>;
 
 /**
  * **Menu** connector provides the logic to build a widget that will give the user the ability to choose a single value for a specific facet. The typical usage of menu is for navigation in categories.
@@ -51,51 +112,14 @@ const withUsage = createDocumentationMessageGenerator({
  * one that is currently selected.
  *
  * **Requirement:** the attribute passed as `attribute` must be present in "attributes for faceting" on the Algolia dashboard or configured as attributesForFaceting via a set settings call to the Algolia API.
- * @type {Connector}
- * @param {function(MenuRenderingOptions, boolean)} renderFn Rendering function for the custom **Menu** widget. widget.
- * @param {function} unmountFn Unmount function called when the widget is disposed.
- * @return {function(CustomMenuWidgetParams)} Re-usable widget factory for a custom **Menu** widget.
- * @example
- * // custom `renderFn` to render the custom Menu widget
- * function renderFn(MenuRenderingOptions, isFirstRendering) {
- *   if (isFirstRendering) {
- *     MenuRenderingOptions.widgetParams.containerNode
- *       .html('<select></select');
- *
- *     MenuRenderingOptions.widgetParams.containerNode
- *       .find('select')
- *       .on('change', function(event) {
- *         MenuRenderingOptions.refine(event.target.value);
- *       });
- *   }
- *
- *   var options = MenuRenderingOptions.items.map(function(item) {
- *     return item.isRefined
- *       ? '<option value="' + item.value + '" selected>' + item.label + '</option>'
- *       : '<option value="' + item.value + '">' + item.label + '</option>';
- *   });
- *
- *   MenuRenderingOptions.widgetParams.containerNode
- *     .find('select')
- *     .html(options);
- * }
- *
- * // connect `renderFn` to Menu logic
- * var customMenu = instantsearch.connectors.connectMenu(renderFn);
- *
- * // mount widget on the page
- * search.addWidgets([
- *   customMenu({
- *     containerNode: $('#custom-menu-container'),
- *     attribute: 'categories',
- *     limit: 10,
- *   })
- * ]);
  */
-export default function connectMenu(renderFn, unmountFn = noop) {
+const connectMenu: MenuConnector = function connectMenu(
+  renderFn,
+  unmountFn = noop
+) {
   checkRendering(renderFn, withUsage());
 
-  return (widgetParams = {}) => {
+  return widgetParams => {
     const {
       attribute,
       limit = 10,
@@ -103,7 +127,7 @@ export default function connectMenu(renderFn, unmountFn = noop) {
       showMoreLimit = 20,
       sortBy = ['isRefined', 'name:asc'],
       transformItems = items => items,
-    } = widgetParams;
+    } = widgetParams || ({} as typeof widgetParams);
 
     if (!attribute) {
       throw new Error(withUsage('The `attribute` option is required.'));
@@ -115,30 +139,33 @@ export default function connectMenu(renderFn, unmountFn = noop) {
       );
     }
 
-    let sendEvent;
+    let sendEvent: MenuRendererOptions['sendEvent'] | undefined;
+    let _createURL: MenuRendererOptions['createURL'] | undefined;
+    let _refine: MenuRendererOptions['refine'] | undefined;
 
     // Provide the same function to the `renderFn` so that way the user
     // has to only bind it once when `isFirstRendering` for instance
+    let isShowingMore = false;
     let toggleShowMore = () => {};
+    function createToggleShowMore(
+      renderOptions: RenderOptions,
+      widget: Widget
+    ) {
+      return () => {
+        isShowingMore = !isShowingMore;
+        widget.render!(renderOptions);
+      };
+    }
     function cachedToggleShowMore() {
       toggleShowMore();
     }
 
-    return {
-      $$type: 'ais.menu',
-
-      isShowingMore: false,
-
-      createToggleShowMore({ results, instantSearchInstance }) {
-        return () => {
-          this.isShowingMore = !this.isShowingMore;
-          this.render({ results, instantSearchInstance });
-        };
-      },
+    function getLimit() {
+      return isShowingMore ? showMoreLimit : limit;
+    }
 
-      getLimit() {
-        return this.isShowingMore ? showMoreLimit : limit;
-      },
+    return {
+      $$type: 'ais.menu' as const,
 
       init(initOptions) {
         const { instantSearchInstance } = initOptions;
@@ -175,17 +202,22 @@ export default function connectMenu(renderFn, unmountFn = noop) {
       getRenderState(renderState, renderOptions) {
         return {
           ...renderState,
-          menu: this.getWidgetRenderState(renderOptions),
+          menu: {
+            ...renderState.menu,
+            [attribute]: this.getWidgetRenderState(renderOptions),
+          },
         };
       },
 
-      getWidgetRenderState({
-        results,
-        createURL,
-        instantSearchInstance,
-        helper,
-      }) {
-        let items = [];
+      getWidgetRenderState(renderOptions) {
+        const {
+          results,
+          createURL,
+          instantSearchInstance,
+          helper,
+        } = renderOptions;
+
+        let items: MenuRendererOptions['items'] = [];
         let canToggleShowMore = false;
 
         if (!sendEvent) {
@@ -193,23 +225,25 @@ export default function connectMenu(renderFn, unmountFn = noop) {
             instantSearchInstance,
             helper,
             attribute,
-            widgetType: this.$$type,
+            widgetType: this.$$type!,
           });
         }
 
-        if (!this._createURL) {
-          this._createURL = facetValue =>
-            createURL(helper.state.toggleRefinement(attribute, facetValue));
+        if (!_createURL) {
+          _createURL = (facetValue: string) =>
+            createURL(
+              helper.state.toggleFacetRefinement(attribute, facetValue)
+            );
         }
 
-        if (!this._refine) {
-          this._refine = function(facetValue) {
+        if (!_refine) {
+          _refine = function(facetValue: string) {
             const [refinedItem] = helper.getHierarchicalFacetBreadcrumb(
               attribute
             );
-            sendEvent('click', facetValue ? facetValue : refinedItem);
+            sendEvent!('click', facetValue ? facetValue : refinedItem);
             helper
-              .toggleRefinement(
+              .toggleFacetRefinement(
                 attribute,
                 facetValue ? facetValue : refinedItem
               )
@@ -217,25 +251,25 @@ export default function connectMenu(renderFn, unmountFn = noop) {
           };
         }
 
-        toggleShowMore = this.createToggleShowMore({
-          results,
-          instantSearchInstance,
-        });
+        if (renderOptions.results) {
+          toggleShowMore = createToggleShowMore(renderOptions, this);
+        }
 
         if (results) {
           const facetValues = results.getFacetValues(attribute, {
             sortBy,
           });
           const facetItems =
-            facetValues && facetValues.data ? facetValues.data : [];
+            facetValues && !Array.isArray(facetValues) && facetValues.data
+              ? facetValues.data
+              : [];
 
           canToggleShowMore =
-            showMore &&
-            (this.isShowingMore || facetItems.length > this.getLimit());
+            showMore && (isShowingMore || facetItems.length > getLimit());
 
           items = transformItems(
             facetItems
-              .slice(0, this.getLimit())
+              .slice(0, getLimit())
               .map(({ name: label, path: value, ...item }) => ({
                 ...item,
                 label,
@@ -246,12 +280,12 @@ export default function connectMenu(renderFn, unmountFn = noop) {
 
         return {
           items,
-          createURL: this._createURL,
-          refine: this._refine,
+          createURL: _createURL,
+          refine: _refine,
           sendEvent,
           canRefine: items.length > 0,
           widgetParams,
-          isShowingMore: this.isShowingMore,
+          isShowingMore,
           toggleShowMore: cachedToggleShowMore,
           canToggleShowMore,
         };
@@ -314,4 +348,6 @@ export default function connectMenu(renderFn, unmountFn = noop) {
       },
     };
   };
-}
+};
+
+export default connectMenu;
diff --git a/src/lib/utils/hits-query-id.ts b/src/lib/utils/hits-query-id.ts
index 8c34bb0a77..e470e509df 100644
--- a/src/lib/utils/hits-query-id.ts
+++ b/src/lib/utils/hits-query-id.ts
@@ -1,6 +1,6 @@
 import { Hits } from '../../types';
 
-export const addQueryID = (hits: Hits, queryID: string): Hits => {
+export const addQueryID = (hits: Hits, queryID?: string): Hits => {
   if (!queryID) {
     return hits;
   }
diff --git a/src/lib/utils/prepareTemplateProps.ts b/src/lib/utils/prepareTemplateProps.ts
index 0429edd08a..fd8233bf11 100644
--- a/src/lib/utils/prepareTemplateProps.ts
+++ b/src/lib/utils/prepareTemplateProps.ts
@@ -4,47 +4,49 @@ import { Template } from '../../types';
 type TemplatesConfig = object;
 
 type Templates = {
-  [key: string]: Template;
+  [key: string]: Template<any>;
 };
 
-type TemplateProps = {
-  defaultTemplates: Templates;
-  templates: Templates;
+export type PreparedTemplateProps<TTemplates extends Templates> = {
   templatesConfig: TemplatesConfig;
+  templates: TTemplates;
+  useCustomCompileOptions: {
+    [TKey in keyof Partial<TTemplates>]: boolean;
+  };
 };
 
-type PreparedTemplateProps = {
-  templatesConfig: TemplatesConfig;
-  templates: Templates;
-  useCustomCompileOptions: { [key: string]: boolean };
-};
-
-function prepareTemplates(
-  defaultTemplates: Templates = {},
-  templates: Templates = {}
+function prepareTemplates<TTemplates extends Templates>(
+  // can not use = {} here, since the template could have different constraints
+  defaultTemplates?: TTemplates,
+  templates: Partial<TTemplates> = {}
 ) {
   const allKeys = uniq([
-    ...Object.keys(defaultTemplates),
+    ...Object.keys(defaultTemplates || {}),
     ...Object.keys(templates),
   ]);
 
   return allKeys.reduce(
-    (config, key) => {
-      const defaultTemplate = defaultTemplates[key];
+    (config, key: keyof TTemplates) => {
+      const defaultTemplate = defaultTemplates
+        ? defaultTemplates[key]
+        : undefined;
       const customTemplate = templates[key];
       const isCustomTemplate =
         customTemplate !== undefined && customTemplate !== defaultTemplate;
 
       config.templates[key] = isCustomTemplate
-        ? customTemplate
-        : defaultTemplate;
+        ? customTemplate! // typescript doesn't recognize that this condition asserts customTemplate is defined
+        : defaultTemplate!;
+
       config.useCustomCompileOptions[key] = isCustomTemplate;
 
       return config;
     },
     {
-      templates: {} as Templates,
-      useCustomCompileOptions: {} as { [key: string]: boolean },
+      templates: {} as TTemplates,
+      useCustomCompileOptions: {} as {
+        [TKey in keyof TTemplates]: boolean;
+      },
     }
   );
 }
@@ -52,11 +54,15 @@ function prepareTemplates(
 /**
  * Prepares an object to be passed to the Template widget
  */
-function prepareTemplateProps({
+function prepareTemplateProps<TTemplates extends Templates>({
   defaultTemplates,
   templates,
   templatesConfig,
-}: TemplateProps): PreparedTemplateProps {
+}: {
+  defaultTemplates: TTemplates;
+  templates: Partial<TTemplates>;
+  templatesConfig: TemplatesConfig;
+}): PreparedTemplateProps<TTemplates> {
   const preparedTemplates = prepareTemplates(defaultTemplates, templates);
 
   return {
diff --git a/src/types/connector.ts b/src/types/connector.ts
index 98e7949df8..5d1e5e345b 100644
--- a/src/types/connector.ts
+++ b/src/types/connector.ts
@@ -83,6 +83,13 @@ export type Connector<TRendererOptions, TConnectorParams> = <TWidgetParams>(
  */
 export type TransformItems<TItem> = (items: TItem[]) => TItem[];
 
+/**
+ * Transforms the given items.
+ */
+export type SortBy<TItem> =
+  | ((a: TItem, b: TItem) => number)
+  | Array<'count' | 'isRefined' | 'name:asc' | 'name:desc'>;
+
 /**
  * Creates the URL for the given value.
  */
diff --git a/src/types/widget.ts b/src/types/widget.ts
index 874be05994..36f4daa875 100644
--- a/src/types/widget.ts
+++ b/src/types/widget.ts
@@ -66,6 +66,10 @@ import {
   RangeConnectorParams,
   RangeRendererOptions,
 } from '../connectors/range/connectRange';
+import {
+  MenuConnectorParams,
+  MenuRendererOptions,
+} from '../connectors/menu/connectMenu';
 
 export type ScopedResult = {
   indexId: string;
@@ -217,6 +221,12 @@ export type IndexRenderState = Partial<{
     CurrentRefinementsRendererOptions,
     CurrentRefinementsConnectorParams
   >;
+  menu: {
+    [attribute: string]: WidgetRenderState<
+      MenuRendererOptions,
+      MenuConnectorParams
+    >;
+  };
   hierarchicalMenu: {
     [attribute: string]: WidgetRenderState<
       {
diff --git a/src/widgets/menu-select/__tests__/__snapshots__/menu-select-test.js.snap b/src/widgets/menu-select/__tests__/__snapshots__/menu-select-test.ts.snap
similarity index 93%
rename from src/widgets/menu-select/__tests__/__snapshots__/menu-select-test.js.snap
rename to src/widgets/menu-select/__tests__/__snapshots__/menu-select-test.ts.snap
index 3e14cbf7b6..551e060785 100644
--- a/src/widgets/menu-select/__tests__/__snapshots__/menu-select-test.js.snap
+++ b/src/widgets/menu-select/__tests__/__snapshots__/menu-select-test.ts.snap
@@ -2,7 +2,6 @@
 
 exports[`menuSelect Lifecycle render renders correctly 1`] = `
 Object {
-  "canRefine": true,
   "cssClasses": Object {
     "noRefinementRoot": "ais-MenuSelect--noRefinement",
     "option": "ais-MenuSelect-option",
@@ -25,7 +24,7 @@ Object {
       "defaultOption": "See all",
       "item": "{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})",
     },
-    "templatesConfig": undefined,
+    "templatesConfig": Object {},
     "useCustomCompileOptions": Object {
       "defaultOption": false,
       "item": false,
@@ -36,7 +35,6 @@ Object {
 
 exports[`menuSelect Lifecycle render renders transformed items correctly 1`] = `
 Object {
-  "canRefine": true,
   "cssClasses": Object {
     "noRefinementRoot": "ais-MenuSelect--noRefinement",
     "option": "ais-MenuSelect-option",
@@ -61,7 +59,7 @@ Object {
       "defaultOption": "See all",
       "item": "{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})",
     },
-    "templatesConfig": undefined,
+    "templatesConfig": Object {},
     "useCustomCompileOptions": Object {
       "defaultOption": false,
       "item": false,
diff --git a/src/widgets/menu-select/__tests__/menu-select-test.js b/src/widgets/menu-select/__tests__/menu-select-test.ts
similarity index 65%
rename from src/widgets/menu-select/__tests__/menu-select-test.js
rename to src/widgets/menu-select/__tests__/menu-select-test.ts
index 2af73e6244..21014c7677 100644
--- a/src/widgets/menu-select/__tests__/menu-select-test.js
+++ b/src/widgets/menu-select/__tests__/menu-select-test.ts
@@ -1,19 +1,26 @@
-import { render } from 'preact';
+import { render as _originalRender, VNode } from 'preact';
 import algoliasearchHelper, { SearchParameters } from 'algoliasearch-helper';
 import menuSelect from '../menu-select';
+import { createSearchClient } from '../../../../test/mock/createSearchClient';
+import {
+  createInitOptions,
+  createRenderOptions,
+} from '../../../../test/mock/createWidget';
 
 jest.mock('preact', () => {
-  const module = require.requireActual('preact');
+  const module = jest.requireActual('preact');
 
   module.render = jest.fn();
 
   return module;
 });
+const render = _originalRender as jest.MockedFunction<typeof _originalRender>;
 
 describe('menuSelect', () => {
   describe('Usage', () => {
     it('throws without container ', () => {
       expect(() => {
+        // @ts-ignore
         menuSelect({ container: undefined });
       }).toThrowErrorMatchingInlineSnapshot(`
 "The \`container\` option is required.
@@ -32,7 +39,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu-select
     beforeEach(() => {
       data = { data: [{ name: 'foo' }, { name: 'bar' }] };
       results = { getFacetValues: jest.fn(() => data) };
-      helper = algoliasearchHelper({}, 'index_name');
+      helper = algoliasearchHelper(createSearchClient(), 'index_name');
       helper.search = jest.fn();
       state = helper.state;
 
@@ -46,16 +53,19 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu-select
           attribute: 'test',
         });
 
-        widget.init({
-          helper,
-          createURL: () => '#',
-          instantSearchInstance: {},
-        });
-        widget.render({ results, createURL: () => '#', state });
+        widget.init!(
+          createInitOptions({
+            helper,
+            createURL: () => '#',
+          })
+        );
+        widget.render!(
+          createRenderOptions({ results, createURL: () => '#', state })
+        );
 
-        const [firstRender] = render.mock.calls;
+        const firstRender = render.mock.calls[0][0] as VNode;
 
-        expect(firstRender[0].props).toMatchSnapshot();
+        expect(firstRender.props).toMatchSnapshot();
       });
 
       it('renders transformed items correctly', () => {
@@ -66,16 +76,19 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu-select
             items.map(item => ({ ...item, transformed: true })),
         });
 
-        widget.init({
-          helper,
-          createURL: () => '#',
-          instantSearchInstance: {},
-        });
-        widget.render({ results, createURL: () => '#', state });
+        widget.init!(
+          createInitOptions({
+            helper,
+            createURL: () => '#',
+          })
+        );
+        widget.render!(
+          createRenderOptions({ results, createURL: () => '#', state })
+        );
 
-        const [firstRender] = render.mock.calls;
+        const firstRender = render.mock.calls[0][0] as VNode;
 
-        expect(firstRender[0].props).toMatchSnapshot();
+        expect(firstRender.props).toMatchSnapshot();
       });
     });
 
@@ -88,7 +101,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu-select
         });
 
         helper.setState(
-          widget.getWidgetSearchParameters(new SearchParameters({}), {
+          widget.getWidgetSearchParameters!(new SearchParameters({}), {
             uiState: {
               menu: {
                 amazingBrand: 'algolia',
@@ -107,7 +120,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu-select
 
         expect(render).toHaveBeenCalledTimes(0);
 
-        const newState = widget.dispose({
+        const newState = widget.dispose!({
           state: helper.state,
           helper,
         });
diff --git a/src/widgets/menu-select/defaultTemplates.js b/src/widgets/menu-select/defaultTemplates.ts
similarity index 100%
rename from src/widgets/menu-select/defaultTemplates.js
rename to src/widgets/menu-select/defaultTemplates.ts
diff --git a/src/widgets/menu-select/menu-select.js b/src/widgets/menu-select/menu-select.js
deleted file mode 100644
index 0995a05f82..0000000000
--- a/src/widgets/menu-select/menu-select.js
+++ /dev/null
@@ -1,127 +0,0 @@
-/** @jsx h */
-
-import { h, render } from 'preact';
-import cx from 'classnames';
-import connectMenu from '../../connectors/menu/connectMenu';
-import MenuSelect from '../../components/MenuSelect/MenuSelect';
-import defaultTemplates from './defaultTemplates';
-import {
-  prepareTemplateProps,
-  getContainerNode,
-  createDocumentationMessageGenerator,
-} from '../../lib/utils';
-import { component } from '../../lib/suit';
-
-const withUsage = createDocumentationMessageGenerator({ name: 'menu-select' });
-const suit = component('MenuSelect');
-
-const renderer = ({ containerNode, cssClasses, renderState, templates }) => (
-  { refine, items, canRefine, instantSearchInstance },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
-
-  render(
-    <MenuSelect
-      cssClasses={cssClasses}
-      items={items}
-      refine={refine}
-      templateProps={renderState.templateProps}
-      canRefine={canRefine}
-    />,
-    containerNode
-  );
-};
-
-/**
- * @typedef {Object} MenuSelectCSSClasses
- * @property {string|string[]} [root] CSS class to add to the root element.
- * @property {string|string[]} [noRefinementRoot] CSS class to add to the root when there are no items to display
- * @property {string|string[]} [select] CSS class to add to the select element.
- * @property {string|string[]} [option] CSS class to add to the option element.
- *
- */
-
-/**
- * @typedef {Object} MenuSelectTemplates
- * @property {string|function(label: string, count: number, isRefined: boolean, value: string)} [item] Item template, provided with `label`, `count`, `isRefined` and `value` data properties.
- * @property {string} [defaultOption = 'See all'] Label of the "see all" option in the select.
- */
-
-/**
- * @typedef {Object} MenuSelectWidgetParams
- * @property {string|HTMLElement} container CSS Selector or HTMLElement to insert the widget.
- * @property {string} attribute Name of the attribute for faceting
- * @property {string[]|function} [sortBy=['name:asc']] How to sort refinements. Possible values: `count|isRefined|name:asc|name:desc`.
- *
- * You can also use a sort function that behaves like the standard Javascript [compareFunction](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax).
- * @property {MenuSelectTemplates} [templates] Customize the output through templating.
- * @property {number} [limit=10] How many facets values to retrieve.
- * @property {MenuSelectCSSClasses} [cssClasses] CSS classes to add to the wrapping elements.
- * @property {function(object[]):object[]} [transformItems] Function to transform the items passed to the templates.
- */
-
-/**
- * Create a menu select out of a facet
- * @type {WidgetFactory}
- * @category filter
- * @param {MenuSelectWidgetParams} widgetParams The Menu select widget options.
- * @return {Widget} Creates a new instance of the Menu select widget.
- * @example
- * search.addWidgets([
- *   instantsearch.widgets.menuSelect({
- *     container: '#categories-menuSelect',
- *     attribute: 'hierarchicalCategories.lvl0',
- *     limit: 10,
- *   })
- * ]);
- */
-export default function menuSelect(widgetParams) {
-  const {
-    container,
-    attribute,
-    sortBy = ['name:asc'],
-    limit = 10,
-    cssClasses: userCssClasses = {},
-    templates = defaultTemplates,
-    transformItems,
-  } = widgetParams || {};
-
-  if (!container) {
-    throw new Error(withUsage('The `container` option is required.'));
-  }
-
-  const containerNode = getContainerNode(container);
-  const cssClasses = {
-    root: cx(suit(), userCssClasses.root),
-    noRefinementRoot: cx(
-      suit({ modifierName: 'noRefinement' }),
-      userCssClasses.noRefinementRoot
-    ),
-    select: cx(suit({ descendantName: 'select' }), userCssClasses.select),
-    option: cx(suit({ descendantName: 'option' }), userCssClasses.option),
-  };
-
-  const specializedRenderer = renderer({
-    containerNode,
-    cssClasses,
-    renderState: {},
-    templates,
-  });
-
-  const makeWidget = connectMenu(specializedRenderer, () =>
-    render(null, containerNode)
-  );
-
-  return {
-    ...makeWidget({ attribute, limit, sortBy, transformItems }),
-    $$widgetType: 'ais.menuSelect',
-  };
-}
diff --git a/src/widgets/menu-select/menu-select.tsx b/src/widgets/menu-select/menu-select.tsx
new file mode 100644
index 0000000000..ebb8da8589
--- /dev/null
+++ b/src/widgets/menu-select/menu-select.tsx
@@ -0,0 +1,160 @@
+/** @jsx h */
+
+import { h, render } from 'preact';
+import cx from 'classnames';
+import connectMenu, {
+  MenuConnectorParams,
+  MenuRendererOptions,
+} from '../../connectors/menu/connectMenu';
+import MenuSelect from '../../components/MenuSelect/MenuSelect';
+import defaultTemplates from './defaultTemplates';
+import {
+  prepareTemplateProps,
+  getContainerNode,
+  createDocumentationMessageGenerator,
+} from '../../lib/utils';
+import { component } from '../../lib/suit';
+import { RendererOptions, Template, WidgetFactory } from '../../types';
+import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+
+const withUsage = createDocumentationMessageGenerator({ name: 'menu-select' });
+const suit = component('MenuSelect');
+
+export type MenuSelectCSSClasses = {
+  /**
+   * CSS class to add to the root element.
+   */
+  root: string;
+  /**
+   * CSS class to add to the root when there are no items to display
+   */
+  noRefinementRoot: string;
+  /**
+   * CSS class to add to the select element.
+   */
+  select: string;
+  /**
+   * CSS class to add to the option element.
+   */
+  option: string;
+};
+
+export type MenuSelectTemplates = {
+  /**
+   * Item template, provided with `label`, `count`, `isRefined` and `value` data properties.
+   */
+  item: Template<{
+    label: string;
+    value: string;
+    count: number;
+    isRefined: boolean;
+  }>;
+  /**
+   * Label of the "see all" option in the select.
+   */
+  defaultOption: Template;
+};
+
+export type MenuSelectWidgetParams = {
+  /**
+   * CSS Selector or HTMLElement to insert the widget.
+   */
+  container: string | HTMLElement;
+  /**
+   * Customize the output through templating.
+   */
+  templates?: Partial<MenuSelectTemplates>;
+  /**
+   * CSS classes to add to the wrapping elements.
+   */
+  cssClasses?: Partial<MenuSelectCSSClasses>;
+};
+
+const renderer = ({
+  containerNode,
+  cssClasses,
+  renderState,
+  templates,
+}: {
+  containerNode: HTMLElement;
+  cssClasses: MenuSelectCSSClasses;
+  renderState: { templateProps?: PreparedTemplateProps<MenuSelectTemplates> };
+  templates: Partial<MenuSelectTemplates>;
+}) => (
+  {
+    refine,
+    items,
+    instantSearchInstance,
+  }: MenuRendererOptions & RendererOptions<MenuConnectorParams>,
+  isFirstRendering: boolean
+) => {
+  if (isFirstRendering) {
+    renderState.templateProps = prepareTemplateProps({
+      defaultTemplates,
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates,
+    });
+    return;
+  }
+
+  render(
+    <MenuSelect
+      cssClasses={cssClasses}
+      items={items}
+      refine={refine}
+      templateProps={renderState.templateProps!}
+    />,
+    containerNode
+  );
+};
+
+export type MenuSelectWidget = WidgetFactory<
+  MenuRendererOptions,
+  MenuConnectorParams,
+  MenuSelectWidgetParams
+>;
+
+const menuSelect: MenuSelectWidget = function menuSelect(widgetParams) {
+  const {
+    container,
+    attribute,
+    sortBy = ['name:asc'],
+    limit = 10,
+    cssClasses: userCssClasses = {},
+    templates = defaultTemplates,
+    transformItems,
+  } = widgetParams || {};
+
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+
+  const containerNode = getContainerNode(container);
+  const cssClasses = {
+    root: cx(suit(), userCssClasses.root),
+    noRefinementRoot: cx(
+      suit({ modifierName: 'noRefinement' }),
+      userCssClasses.noRefinementRoot
+    ),
+    select: cx(suit({ descendantName: 'select' }), userCssClasses.select),
+    option: cx(suit({ descendantName: 'option' }), userCssClasses.option),
+  };
+
+  const specializedRenderer = renderer({
+    containerNode,
+    cssClasses,
+    renderState: {},
+    templates,
+  });
+
+  const makeWidget = connectMenu(specializedRenderer, () =>
+    render(null, containerNode)
+  );
+
+  return {
+    ...makeWidget({ attribute, limit, sortBy, transformItems }),
+    $$widgetType: 'ais.menuSelect',
+  };
+};
+
+export default menuSelect;
diff --git a/src/widgets/menu/__tests__/__snapshots__/menu-test.js.snap b/src/widgets/menu/__tests__/__snapshots__/menu-test.ts.snap
similarity index 84%
rename from src/widgets/menu/__tests__/__snapshots__/menu-test.js.snap
rename to src/widgets/menu/__tests__/__snapshots__/menu-test.ts.snap
index 3ed8c5b435..b31731fdd2 100644
--- a/src/widgets/menu/__tests__/__snapshots__/menu-test.js.snap
+++ b/src/widgets/menu/__tests__/__snapshots__/menu-test.ts.snap
@@ -19,16 +19,24 @@ Object {
   "depth": 0,
   "facetValues": Array [
     Object {
-      "label": "foo",
+      "count": 456,
+      "data": null,
+      "exhaustive": true,
+      "isRefined": false,
+      "label": "bar",
       "transformed": true,
       "url": "#",
-      "value": undefined,
+      "value": "bar",
     },
     Object {
-      "label": "bar",
+      "count": 123,
+      "data": null,
+      "exhaustive": true,
+      "isRefined": false,
+      "label": "foo",
       "transformed": true,
       "url": "#",
-      "value": undefined,
+      "value": "foo",
     },
   ],
   "isShowingMore": false,
@@ -45,7 +53,7 @@ Object {
     {{/isShowingMore}}
   ",
     },
-    "templatesConfig": undefined,
+    "templatesConfig": Object {},
     "useCustomCompileOptions": Object {
       "item": false,
       "showMoreText": false,
@@ -75,14 +83,22 @@ Object {
   "depth": 0,
   "facetValues": Array [
     Object {
-      "label": "foo",
+      "count": 456,
+      "data": null,
+      "exhaustive": true,
+      "isRefined": false,
+      "label": "bar",
       "url": "#",
-      "value": undefined,
+      "value": "bar",
     },
     Object {
-      "label": "bar",
+      "count": 123,
+      "data": null,
+      "exhaustive": true,
+      "isRefined": false,
+      "label": "foo",
       "url": "#",
-      "value": undefined,
+      "value": "foo",
     },
   ],
   "isShowingMore": false,
@@ -99,7 +115,7 @@ Object {
     {{/isShowingMore}}
   ",
     },
-    "templatesConfig": undefined,
+    "templatesConfig": Object {},
     "useCustomCompileOptions": Object {
       "item": false,
       "showMoreText": false,
diff --git a/src/widgets/menu/__tests__/menu-test.js b/src/widgets/menu/__tests__/menu-test.js
deleted file mode 100644
index adf77e0e52..0000000000
--- a/src/widgets/menu/__tests__/menu-test.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import { render } from 'preact';
-import menu from '../menu';
-
-jest.mock('preact', () => {
-  const module = require.requireActual('preact');
-
-  module.render = jest.fn();
-
-  return module;
-});
-
-describe('menu', () => {
-  it('throws without container', () => {
-    expect(() => {
-      menu({ attribute: undefined });
-    }).toThrowErrorMatchingInlineSnapshot(`
-"The \`container\` option is required.
-
-See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/"
-`);
-  });
-
-  describe('render', () => {
-    let data;
-    let results;
-    let state;
-    let helper;
-
-    beforeEach(() => {
-      data = { data: [{ name: 'foo' }, { name: 'bar' }] };
-      results = { getFacetValues: jest.fn(() => data) };
-      state = { toggleRefinement: jest.fn() };
-      helper = {
-        toggleRefinement: jest.fn().mockReturnThis(),
-        search: jest.fn(),
-        state,
-      };
-
-      render.mockClear();
-    });
-
-    it('snapshot', () => {
-      const widget = menu({
-        container: document.createElement('div'),
-        attribute: 'test',
-      });
-
-      widget.init({
-        helper,
-        createURL: () => '#',
-        instantSearchInstance: { templatesConfig: undefined },
-      });
-      widget.render({ results, state });
-
-      const [firstRender] = render.mock.calls;
-
-      expect(firstRender[0].props).toMatchSnapshot();
-    });
-
-    it('renders transformed items', () => {
-      const widget = menu({
-        container: document.createElement('div'),
-        attribute: 'test',
-        transformItems: items =>
-          items.map(item => ({ ...item, transformed: true })),
-      });
-
-      widget.init({
-        helper,
-        createURL: () => '#',
-        instantSearchInstance: { templatesConfig: undefined },
-      });
-      widget.render({ results, state });
-
-      const [firstRender] = render.mock.calls;
-
-      expect(firstRender[0].props).toMatchSnapshot();
-    });
-  });
-});
diff --git a/src/widgets/menu/__tests__/menu-test.ts b/src/widgets/menu/__tests__/menu-test.ts
new file mode 100644
index 0000000000..32462f899a
--- /dev/null
+++ b/src/widgets/menu/__tests__/menu-test.ts
@@ -0,0 +1,130 @@
+import jsHelper, {
+  SearchParameters,
+  SearchResults,
+} from 'algoliasearch-helper';
+import { render as _originalRender, VNode } from 'preact';
+import { createSingleSearchResponse } from '../../../../test/mock/createAPIResponse';
+import { createSearchClient } from '../../../../test/mock/createSearchClient';
+import {
+  createInitOptions,
+  createRenderOptions,
+} from '../../../../test/mock/createWidget';
+import menu from '../menu';
+
+jest.mock('preact', () => {
+  const module = jest.requireActual('preact');
+
+  module.render = jest.fn();
+
+  return module;
+});
+const render = _originalRender as jest.MockedFunction<typeof _originalRender>;
+
+describe('menu', () => {
+  it('throws without container', () => {
+    expect(() => {
+      // @ts-ignore
+      menu({ attribute: undefined });
+    }).toThrowErrorMatchingInlineSnapshot(`
+"The \`container\` option is required.
+
+See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/"
+`);
+  });
+
+  describe('render', () => {
+    beforeEach(() => {
+      render.mockClear();
+    });
+
+    it('snapshot', () => {
+      const widget = menu({
+        container: document.createElement('div'),
+        attribute: 'test',
+      });
+
+      const helper = jsHelper(createSearchClient(), '');
+
+      helper.setState(
+        widget.getWidgetSearchParameters!(new SearchParameters({}), {
+          uiState: {},
+        })
+      );
+
+      const results = new SearchResults(helper.state, [
+        createSingleSearchResponse({
+          facets: {
+            test: {
+              foo: 123,
+              bar: 456,
+            },
+          },
+        }),
+      ]);
+
+      widget.init!(
+        createInitOptions({
+          helper,
+          state: helper.state,
+          createURL: () => '#',
+        })
+      );
+      widget.render!(
+        createRenderOptions({
+          helper,
+          state: helper.state,
+          results,
+        })
+      );
+
+      const firstRender = render.mock.calls[0][0] as VNode;
+
+      expect(firstRender.props).toMatchSnapshot();
+    });
+
+    it('renders transformed items', () => {
+      const widget = menu({
+        container: document.createElement('div'),
+        attribute: 'test',
+        transformItems: items =>
+          items.map(item => ({ ...item, transformed: true })),
+      });
+
+      const helper = jsHelper(createSearchClient(), '');
+
+      helper.setState(
+        widget.getWidgetSearchParameters!(new SearchParameters({}), {
+          uiState: {},
+        })
+      );
+
+      const results = new SearchResults(helper.state, [
+        createSingleSearchResponse({
+          facets: {
+            test: {
+              foo: 123,
+              bar: 456,
+            },
+          },
+        }),
+      ]);
+
+      widget.init!(
+        createInitOptions({
+          helper,
+          createURL: () => '#',
+        })
+      );
+      widget.render!(
+        createRenderOptions({
+          helper,
+          results,
+        })
+      );
+
+      const firstRender = render.mock.calls[0][0] as VNode;
+
+      expect(firstRender.props).toMatchSnapshot();
+    });
+  });
+});
diff --git a/src/widgets/menu/defaultTemplates.js b/src/widgets/menu/defaultTemplates.ts
similarity index 100%
rename from src/widgets/menu/defaultTemplates.js
rename to src/widgets/menu/defaultTemplates.ts
diff --git a/src/widgets/menu/menu.js b/src/widgets/menu/menu.js
deleted file mode 100644
index 135586028c..0000000000
--- a/src/widgets/menu/menu.js
+++ /dev/null
@@ -1,187 +0,0 @@
-/** @jsx h */
-
-import { h, render } from 'preact';
-import cx from 'classnames';
-import RefinementList from '../../components/RefinementList/RefinementList';
-import connectMenu from '../../connectors/menu/connectMenu';
-import defaultTemplates from './defaultTemplates';
-import {
-  prepareTemplateProps,
-  getContainerNode,
-  createDocumentationMessageGenerator,
-} from '../../lib/utils';
-import { component } from '../../lib/suit';
-
-const withUsage = createDocumentationMessageGenerator({ name: 'menu' });
-const suit = component('Menu');
-
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-  showMore,
-}) => (
-  {
-    refine,
-    items,
-    createURL,
-    instantSearchInstance,
-    isShowingMore,
-    toggleShowMore,
-    canToggleShowMore,
-  },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
-
-  const facetValues = items.map(facetValue => ({
-    ...facetValue,
-    url: createURL(facetValue.name),
-  }));
-
-  render(
-    <RefinementList
-      createURL={createURL}
-      cssClasses={cssClasses}
-      facetValues={facetValues}
-      showMore={showMore}
-      templateProps={renderState.templateProps}
-      toggleRefinement={refine}
-      toggleShowMore={toggleShowMore}
-      isShowingMore={isShowingMore}
-      canToggleShowMore={canToggleShowMore}
-    />,
-    containerNode
-  );
-};
-
-/**
- * @typedef {Object} MenuCSSClasses
- * @property {string|string[]} [root] CSS class to add to the root element.
- * @property {string|string[]} [noRefinementRoot] CSS class to add to the root element when no refinements.
- * @property {string|string[]} [list] CSS class to add to the list element.
- * @property {string|string[]} [item] CSS class to add to each item element.
- * @property {string|string[]} [selectedItem] CSS class to add to each selected item element.
- * @property {string|string[]} [link] CSS class to add to each link (when using the default template).
- * @property {string|string[]} [label] CSS class to add to each label (when using the default template).
- * @property {string|string[]} [count] CSS class to add to each count element (when using the default template).
- * @property {string|string[]} [showMore] CSS class to add to the show more button.
- * @property {string|string[]} [disabledShowMore] CSS class to add to the disabled show more button.
- */
-
-/**
- * @typedef {Object} MenuTemplates
- * @property {string|function({count: number, cssClasses: object, isRefined: boolean, label: string, url: string, value: string}):string} [item] Item template. The string template gets the same values as the function.
- * @property {string} [showMoreText] Template used for the show more text, provided with `isShowingMore` data property.
- */
-
-/**
- * @typedef {Object} MenuWidgetParams
- * @property {string|HTMLElement} container CSS Selector or HTMLElement to insert the widget.
- * @property {string} attribute Name of the attribute for faceting
- * @property {string[]|function} [sortBy=['isRefined', 'name:asc']] How to sort refinements. Possible values: `count|isRefined|name:asc|name:desc`.
- *
- * You can also use a sort function that behaves like the standard Javascript [compareFunction](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#Syntax).
- * @property {MenuTemplates} [templates] Customize the output through templating.
- * @property {number} [limit=10] How many facets values to retrieve.
- * @property {boolean} [showMore=false] Limit the number of results and display a showMore button.
- * @property {number} [showMoreLimit=20] Max number of values to display when showing more.
- * @property {MenuCSSClasses} [cssClasses] CSS classes to add to the wrapping elements.
- * @property {function(object[]):object[]} [transformItems] Function to transform the items passed to the templates.
- */
-
-/**
- * Create a menu based on a facet. A menu displays facet values and let the user selects only one value at a time.
- * It also displays an empty value which lets the user "unselect" any previous selection.
- *
- * @requirements
- * The attribute passed to `attribute` must be declared as an
- * [attribute for faceting](https://www.algolia.com/doc/guides/searching/faceting/#declaring-attributes-for-faceting)
- * in your Algolia settings.
- * @type {WidgetFactory}
- * @devNovel Menu
- * @category filter
- * @param {MenuWidgetParams} widgetParams The Menu widget options.
- * @return {Widget} Creates a new instance of the Menu widget.
- * @example
- * search.addWidgets([
- *   instantsearch.widgets.menu({
- *     container: '#categories',
- *     attribute: 'hierarchicalCategories.lvl0',
- *     limit: 10,
- *   })
- * ]);
- */
-export default function menu(widgetParams) {
-  const {
-    container,
-    attribute,
-    sortBy,
-    limit,
-    showMore,
-    showMoreLimit,
-    cssClasses: userCssClasses = {},
-    templates = defaultTemplates,
-    transformItems,
-  } = widgetParams || {};
-
-  if (!container) {
-    throw new Error(withUsage('The `container` option is required.'));
-  }
-
-  const containerNode = getContainerNode(container);
-
-  const cssClasses = {
-    root: cx(suit(), userCssClasses.root),
-    noRefinementRoot: cx(
-      suit({ modifierName: 'noRefinement' }),
-      userCssClasses.noRefinementRoot
-    ),
-    list: cx(suit({ descendantName: 'list' }), userCssClasses.list),
-    item: cx(suit({ descendantName: 'item' }), userCssClasses.item),
-    selectedItem: cx(
-      suit({ descendantName: 'item', modifierName: 'selected' }),
-      userCssClasses.selectedItem
-    ),
-    link: cx(suit({ descendantName: 'link' }), userCssClasses.link),
-    label: cx(suit({ descendantName: 'label' }), userCssClasses.label),
-    count: cx(suit({ descendantName: 'count' }), userCssClasses.count),
-    showMore: cx(suit({ descendantName: 'showMore' }), userCssClasses.showMore),
-    disabledShowMore: cx(
-      suit({ descendantName: 'showMore', modifierName: 'disabled' }),
-      userCssClasses.disabledShowMore
-    ),
-  };
-
-  const specializedRenderer = renderer({
-    containerNode,
-    cssClasses,
-    renderState: {},
-    templates,
-    showMore,
-  });
-
-  const makeWidget = connectMenu(specializedRenderer, () =>
-    render(null, containerNode)
-  );
-
-  return {
-    ...makeWidget({
-      attribute,
-      limit,
-      showMore,
-      showMoreLimit,
-      sortBy,
-      transformItems,
-    }),
-    $$widgetType: 'ais.menu',
-  };
-}
diff --git a/src/widgets/menu/menu.tsx b/src/widgets/menu/menu.tsx
new file mode 100644
index 0000000000..e5cbb25c7f
--- /dev/null
+++ b/src/widgets/menu/menu.tsx
@@ -0,0 +1,227 @@
+/** @jsx h */
+
+import { h, render } from 'preact';
+import cx from 'classnames';
+import RefinementList from '../../components/RefinementList/RefinementList';
+import connectMenu, {
+  MenuConnectorParams,
+  MenuRendererOptions,
+} from '../../connectors/menu/connectMenu';
+import defaultTemplates from './defaultTemplates';
+import {
+  prepareTemplateProps,
+  getContainerNode,
+  createDocumentationMessageGenerator,
+} from '../../lib/utils';
+import { component } from '../../lib/suit';
+import { RendererOptions, Template, WidgetFactory } from '../../types';
+import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
+
+const withUsage = createDocumentationMessageGenerator({ name: 'menu' });
+const suit = component('Menu');
+
+export type MenuCSSClasses = {
+  /**
+   * CSS class to add to the root element.
+   */
+  root: string;
+  /**
+   * CSS class to add to the root element when no refinements.
+   */
+  noRefinementRoot: string;
+  /**
+   * CSS class to add to the list element.
+   */
+  list: string;
+  /**
+   * CSS class to add to each item element.
+   */
+  item: string;
+  /**
+   * CSS class to add to each selected item element.
+   */
+  selectedItem: string;
+  /**
+   * CSS class to add to each link (when using the default template).
+   */
+  link: string;
+  /**
+   * CSS class to add to each label (when using the default template).
+   */
+  label: string;
+  /**
+   * CSS class to add to each count element (when using the default template).
+   */
+  count: string;
+  /**
+   * CSS class to add to the show more button.
+   */
+  showMore: string;
+  /**
+   * CSS class to add to the disabled show more button.
+   */
+  disabledShowMore: string;
+};
+
+export type MenuTemplates = {
+  /**
+   * Item template. The string template gets the same values as the function.
+   */
+  item: Template<{
+    count: number;
+    cssClasses: MenuCSSClasses;
+    isRefined: boolean;
+    label: string;
+    url: string;
+    value: string;
+  }>;
+  /**
+   * Template used for the show more text, provided with `isShowingMore` data property.
+   */
+  showMoreText: Template<{
+    isShowingMore: boolean;
+  }>;
+};
+
+export type MenuWidgetParams = {
+  /**
+   * CSS Selector or HTMLElement to insert the widget.
+   */
+  container: string | HTMLElement;
+  /**
+   * Customize the output through templating.
+   */
+  templates?: Partial<MenuTemplates>;
+  /**
+   * CSS classes to add to the wrapping elements.
+   */
+  cssClasses?: Partial<MenuCSSClasses>;
+};
+
+const renderer = ({
+  containerNode,
+  cssClasses,
+  renderState,
+  templates,
+  showMore,
+}: {
+  containerNode: HTMLElement;
+  cssClasses: MenuCSSClasses;
+  renderState: { templateProps?: PreparedTemplateProps<MenuTemplates> };
+  templates: Partial<MenuTemplates>;
+  showMore?: boolean;
+}) => (
+  {
+    refine,
+    items,
+    createURL,
+    instantSearchInstance,
+    isShowingMore,
+    toggleShowMore,
+    canToggleShowMore,
+  }: MenuRendererOptions & RendererOptions<MenuConnectorParams>,
+  isFirstRendering: boolean
+) => {
+  if (isFirstRendering) {
+    renderState.templateProps = prepareTemplateProps({
+      defaultTemplates,
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates,
+    });
+    return;
+  }
+
+  const facetValues = items.map(facetValue => ({
+    ...facetValue,
+    url: createURL(facetValue.value),
+  }));
+
+  render(
+    <RefinementList
+      createURL={createURL}
+      cssClasses={cssClasses}
+      facetValues={facetValues}
+      showMore={showMore}
+      templateProps={renderState.templateProps}
+      toggleRefinement={refine}
+      toggleShowMore={toggleShowMore}
+      isShowingMore={isShowingMore}
+      canToggleShowMore={canToggleShowMore}
+    />,
+    containerNode
+  );
+};
+
+export type MenuWidget = WidgetFactory<
+  MenuRendererOptions,
+  MenuConnectorParams,
+  MenuWidgetParams
+>;
+
+const menu: MenuWidget = function menu(widgetParams) {
+  const {
+    container,
+    attribute,
+    sortBy,
+    limit,
+    showMore,
+    showMoreLimit,
+    cssClasses: userCssClasses = {},
+    templates = defaultTemplates,
+    transformItems,
+  } = widgetParams || {};
+
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+
+  const containerNode = getContainerNode(container);
+
+  const cssClasses = {
+    root: cx(suit(), userCssClasses.root),
+    noRefinementRoot: cx(
+      suit({ modifierName: 'noRefinement' }),
+      userCssClasses.noRefinementRoot
+    ),
+    list: cx(suit({ descendantName: 'list' }), userCssClasses.list),
+    item: cx(suit({ descendantName: 'item' }), userCssClasses.item),
+    selectedItem: cx(
+      suit({ descendantName: 'item', modifierName: 'selected' }),
+      userCssClasses.selectedItem
+    ),
+    link: cx(suit({ descendantName: 'link' }), userCssClasses.link),
+    label: cx(suit({ descendantName: 'label' }), userCssClasses.label),
+    count: cx(suit({ descendantName: 'count' }), userCssClasses.count),
+    showMore: cx(suit({ descendantName: 'showMore' }), userCssClasses.showMore),
+    disabledShowMore: cx(
+      suit({ descendantName: 'showMore', modifierName: 'disabled' }),
+      userCssClasses.disabledShowMore
+    ),
+  };
+
+  const specializedRenderer = renderer({
+    containerNode,
+    cssClasses,
+    renderState: {},
+    templates,
+    showMore,
+  });
+
+  const makeWidget = connectMenu(specializedRenderer, () =>
+    render(null, containerNode)
+  );
+
+  return {
+    ...makeWidget({
+      attribute,
+      limit,
+      showMore,
+      showMoreLimit,
+      sortBy,
+      transformItems,
+    }),
+    $$widgetType: 'ais.menu',
+  };
+};
+
+export default menu;
diff --git a/yarn.lock b/yarn.lock
index d33c0be024..39d3652d42 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3375,10 +3375,10 @@ ajv@^6.1.0, ajv@^6.10.0, ajv@^6.10.2, ajv@^6.5.5:
     json-schema-traverse "^0.4.1"
     uri-js "^4.2.2"
 
-algoliasearch-helper@^3.3.4:
-  version "3.3.4"
-  resolved "https://registry.npmjs.org/algoliasearch-helper/-/algoliasearch-helper-3.3.4.tgz#4a3c56d42a2a81589d5722b73653b2deaf3e7064"
-  integrity sha512-1Ts2XcgGdjGlDrp3v6zbY8VW+X9+jJ5rBmtPBmXOQLd4b5t/LpJlaBdxoAnlMfVFjywP7KSAdmyFUNNYVHDyRQ==
+algoliasearch-helper@^3.4.4:
+  version "3.4.4"
+  resolved "https://registry.yarnpkg.com/algoliasearch-helper/-/algoliasearch-helper-3.4.4.tgz#f2eb46bc4d2f6fed82c7201b8ac4ce0a1988ae67"
+  integrity sha512-OjyVLjykaYKCMxxRMZNiwLp8CS310E0qAeIY2NaublcmLAh8/SL19+zYHp7XCLtMem2ZXwl3ywMiA32O9jszuw==
   dependencies:
     events "^1.1.1"