diff --git a/babel.config.js b/babel.config.js
index b8e8432be7..651b6cc008 100644
--- a/babel.config.js
+++ b/babel.config.js
@@ -6,9 +6,9 @@ const isCJS = process.env.BABEL_ENV === 'cjs';
 const isES = process.env.BABEL_ENV === 'es';
 const isUMD = process.env.BABEL_ENV === 'umd';
 
-const clean = x => x.filter(Boolean);
+const clean = (x) => x.filter(Boolean);
 
-module.exports = api => {
+module.exports = (api) => {
   const isTest = api.env('test');
   const modules = isTest || isCJS ? 'commonjs' : false;
   const targets = {};
diff --git a/examples/e-commerce/src/routing.ts b/examples/e-commerce/src/routing.ts
index 388fe67228..3ca55085ed 100644
--- a/examples/e-commerce/src/routing.ts
+++ b/examples/e-commerce/src/routing.ts
@@ -58,10 +58,7 @@ const decodedCategories = Object.keys(encodedCategories).reduce((acc, key) => {
 function getCategorySlug(name: string): string {
   const encodedName = decodedCategories[name] || name;
 
-  return encodedName
-    .split(' ')
-    .map(encodeURIComponent)
-    .join('+');
+  return encodedName.split(' ').map(encodeURIComponent).join('+');
 }
 
 // Returns a name from the category slug.
@@ -70,10 +67,7 @@ function getCategorySlug(name: string): string {
 function getCategoryName(slug: string): string {
   const decodedSlug = encodedCategories[slug] || slug;
 
-  return decodedSlug
-    .split('+')
-    .map(decodeURIComponent)
-    .join(' ');
+  return decodedSlug.split('+').map(decodeURIComponent).join(' ');
 }
 
 const originalWindowTitle = document.title;
@@ -216,9 +210,8 @@ const getStateMapping = ({ indexName }) => ({
   routeToState(routeState: RouteState): UiState {
     const hierarchicalMenu: { [key: string]: string[] } = {};
     if (routeState.category) {
-      hierarchicalMenu[
-        'hierarchicalCategories.lvl0'
-      ] = routeState.category.split('/');
+      hierarchicalMenu['hierarchicalCategories.lvl0'] =
+        routeState.category.split('/');
     }
 
     const refinementList: { [key: string]: string[] } = {};
diff --git a/examples/e-commerce/src/ui.ts b/examples/e-commerce/src/ui.ts
index 5c9e3d50fd..8f4431f649 100644
--- a/examples/e-commerce/src/ui.ts
+++ b/examples/e-commerce/src/ui.ts
@@ -38,11 +38,11 @@ function onClick(event: MouseEvent) {
 }
 
 export function attachEventListeners() {
-  filtersButtons.forEach(button => {
+  filtersButtons.forEach((button) => {
     button.addEventListener('click', openFilters);
   });
 
-  closeOverlayButtons.forEach(button => {
+  closeOverlayButtons.forEach((button) => {
     button.addEventListener('click', closeFilters);
   });
 }
diff --git a/examples/e-commerce/src/widgets/HitsPerPage.ts b/examples/e-commerce/src/widgets/HitsPerPage.ts
index 236a400c7c..85038f3230 100644
--- a/examples/e-commerce/src/widgets/HitsPerPage.ts
+++ b/examples/e-commerce/src/widgets/HitsPerPage.ts
@@ -24,7 +24,9 @@ export const hitsPerPage = hitsPerPageWidget({
 export function getFallbackHitsPerPageRoutingValue(
   hitsPerPageValue: string
 ): string | undefined {
-  if (items.map(item => item.value).indexOf(Number(hitsPerPageValue)) !== -1) {
+  if (
+    items.map((item) => item.value).indexOf(Number(hitsPerPageValue)) !== -1
+  ) {
     return hitsPerPageValue;
   }
 
diff --git a/examples/e-commerce/src/widgets/ResultsNumberMobile.ts b/examples/e-commerce/src/widgets/ResultsNumberMobile.ts
index 1ca380133c..c344401d44 100644
--- a/examples/e-commerce/src/widgets/ResultsNumberMobile.ts
+++ b/examples/e-commerce/src/widgets/ResultsNumberMobile.ts
@@ -3,7 +3,6 @@ import { stats } from 'instantsearch.js/es/widgets';
 export const resultsNumberMobile = stats({
   container: '[data-widget="results-number-mobile"]',
   templates: {
-    text:
-      '<strong>{{#helpers.formatNumber}}{{nbHits}}{{/helpers.formatNumber}}</strong> results',
+    text: '<strong>{{#helpers.formatNumber}}{{nbHits}}{{/helpers.formatNumber}}</strong> results',
   },
 });
diff --git a/examples/e-commerce/src/widgets/SortBy.ts b/examples/e-commerce/src/widgets/SortBy.ts
index 6f0c0c2285..27e6e6b834 100644
--- a/examples/e-commerce/src/widgets/SortBy.ts
+++ b/examples/e-commerce/src/widgets/SortBy.ts
@@ -23,7 +23,7 @@ export const sortBy = sortByWidget({
 export function getFallbackSortByRoutingValue(
   sortByValue: string
 ): string | undefined {
-  if (items.map(item => item.value).indexOf(sortByValue) !== -1) {
+  if (items.map((item) => item.value).indexOf(sortByValue) !== -1) {
     return sortByValue;
   }
 
diff --git a/package.json b/package.json
index 050a2fba18..74122b931d 100644
--- a/package.json
+++ b/package.json
@@ -116,7 +116,7 @@
     "eslint-plugin-import": "2.18.2",
     "eslint-plugin-jasmine": "4.1.0",
     "eslint-plugin-jest": "24.3.5",
-    "eslint-plugin-prettier": "3.3.1",
+    "eslint-plugin-prettier": "3.4.0",
     "eslint-plugin-react": "7.18.0",
     "eslint-plugin-react-hooks": "2.3.0",
     "instantsearch-e2e-tests": "algolia/instantsearch-e2e-tests#1.3.0",
@@ -129,7 +129,7 @@
     "jscodeshift": "0.7.0",
     "jsdom-global": "3.0.2",
     "places.js": "1.17.1",
-    "prettier": "1.19.1",
+    "prettier": "2.3.2",
     "rollup": "1.29.1",
     "rollup-plugin-babel": "4.3.3",
     "rollup-plugin-commonjs": "10.1.0",
diff --git a/scripts/transforms/addWidget-to-addWidgets.js b/scripts/transforms/addWidget-to-addWidgets.js
index a66133ccbb..0ccb68701f 100644
--- a/scripts/transforms/addWidget-to-addWidgets.js
+++ b/scripts/transforms/addWidget-to-addWidgets.js
@@ -6,10 +6,10 @@ export default function transform(file, api, options) {
   const root = j(file.source);
 
   // replace xxx[from](arguments) to xxx[to]([arguments])
-  const replaceSingularToPlural = (from, to) => root =>
+  const replaceSingularToPlural = (from, to) => (root) =>
     root
       .find(j.CallExpression, { callee: { property: { name: from } } })
-      .replaceWith(path =>
+      .replaceWith((path) =>
         j.callExpression(
           j.memberExpression(path.value.callee.object, j.identifier(to), false),
           [j.arrayExpression(path.value.arguments)]
diff --git a/src/__tests__/index-test.ts b/src/__tests__/index-test.ts
index e0bc53965e..91ef76077b 100644
--- a/src/__tests__/index-test.ts
+++ b/src/__tests__/index-test.ts
@@ -8,13 +8,13 @@ describe('instantsearch()', () => {
   });
 
   it('includes the widget functions', () => {
-    Object.values(instantsearch.widgets).forEach(widget => {
+    Object.values(instantsearch.widgets).forEach((widget) => {
       expect(widget).toBeInstanceOf(Function);
     });
   });
 
   it('includes the connectors functions', () => {
-    Object.values(instantsearch.connectors).forEach(connector => {
+    Object.values(instantsearch.connectors).forEach((connector) => {
       expect(connector).toBeInstanceOf(Function);
     });
   });
diff --git a/src/components/Answers/__tests__/Answers-test.tsx b/src/components/Answers/__tests__/Answers-test.tsx
index 53239d7574..b201b891b4 100644
--- a/src/components/Answers/__tests__/Answers-test.tsx
+++ b/src/components/Answers/__tests__/Answers-test.tsx
@@ -103,7 +103,7 @@ describe('Answers', () => {
         templateProps: {
           templates: {
             ...defaultProps.templateProps.templates,
-            item: hit => {
+            item: (hit) => {
               return `answer: ${hit.title}`;
             },
           },
diff --git a/src/components/Breadcrumb/Breadcrumb.tsx b/src/components/Breadcrumb/Breadcrumb.tsx
index 676db0c82e..38a7b6d989 100644
--- a/src/components/Breadcrumb/Breadcrumb.tsx
+++ b/src/components/Breadcrumb/Breadcrumb.tsx
@@ -11,9 +11,8 @@ import { ComponentCSSClasses } from '../../types';
 import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 import { BreadcrumbConnectorParamsItem } from '../../connectors/breadcrumb/connectBreadcrumb';
 
-export type BreadcrumbComponentCSSClasses = ComponentCSSClasses<
-  BreadcrumbCSSClasses
->;
+export type BreadcrumbComponentCSSClasses =
+  ComponentCSSClasses<BreadcrumbCSSClasses>;
 
 export type BreadcrumbComponentTemplates = Required<BreadcrumbTemplates>;
 
@@ -84,7 +83,7 @@ const Breadcrumb = ({
               <a
                 className={cssClasses.link}
                 href={createURL(item.value)}
-                onClick={event => {
+                onClick={(event) => {
                   event.preventDefault();
                   refine(item.value);
                 }}
diff --git a/src/components/ClearRefinements/ClearRefinements.tsx b/src/components/ClearRefinements/ClearRefinements.tsx
index 0f32b4de34..ef32af8844 100644
--- a/src/components/ClearRefinements/ClearRefinements.tsx
+++ b/src/components/ClearRefinements/ClearRefinements.tsx
@@ -11,13 +11,11 @@ import {
 import { ComponentCSSClasses } from '../../types';
 import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 
-export type ClearRefinementsComponentCSSClasses = ComponentCSSClasses<
-  ClearRefinementsCSSClasses
->;
+export type ClearRefinementsComponentCSSClasses =
+  ComponentCSSClasses<ClearRefinementsCSSClasses>;
 
-export type ClearRefinementsComponentTemplates = Required<
-  ClearRefinementsTemplates
->;
+export type ClearRefinementsComponentTemplates =
+  Required<ClearRefinementsTemplates>;
 
 export type ClearRefinementsProps = {
   refine: ClearRefinementsRenderState['refine'];
diff --git a/src/components/CurrentRefinements/CurrentRefinements.tsx b/src/components/CurrentRefinements/CurrentRefinements.tsx
index 79e49ef5ee..cd2f0d5aa2 100644
--- a/src/components/CurrentRefinements/CurrentRefinements.tsx
+++ b/src/components/CurrentRefinements/CurrentRefinements.tsx
@@ -9,9 +9,8 @@ import {
 import { CurrentRefinementsCSSClasses } from '../../widgets/current-refinements/current-refinements';
 import { ComponentCSSClasses } from '../../types';
 
-export type CurrentRefinementsComponentCSSClasses = ComponentCSSClasses<
-  CurrentRefinementsCSSClasses
->;
+export type CurrentRefinementsComponentCSSClasses =
+  ComponentCSSClasses<CurrentRefinementsCSSClasses>;
 
 export type CurrentRefinementsProps = {
   items: CurrentRefinementsConnectorParamsItem[];
@@ -25,7 +24,7 @@ const createItemKey = ({
   operator,
 }: CurrentRefinementsConnectorParamsRefinement): string =>
   [attribute, type, value, operator]
-    .map(key => key)
+    .map((key) => key)
     .filter(Boolean)
     .join(':');
 
@@ -48,7 +47,7 @@ const CurrentRefinements = ({ items, cssClasses }: CurrentRefinementsProps) => (
         >
           <span className={cssClasses.label}>{capitalize(item.label)}:</span>
 
-          {item.refinements.map(refinement => (
+          {item.refinements.map((refinement) => (
             <span
               key={createItemKey(refinement)}
               className={cssClasses.category}
diff --git a/src/components/CurrentRefinements/__tests__/CurrentRefinements-test.tsx b/src/components/CurrentRefinements/__tests__/CurrentRefinements-test.tsx
index e33ac4366c..bac84ee36d 100644
--- a/src/components/CurrentRefinements/__tests__/CurrentRefinements-test.tsx
+++ b/src/components/CurrentRefinements/__tests__/CurrentRefinements-test.tsx
@@ -330,8 +330,8 @@ describe('CurrentRefinements', () => {
       };
 
       const { container } = render(<CurrentRefinements {...props} />);
-      const categoryLabel = container.querySelector('.categoryLabel')!
-        .innerHTML;
+      const categoryLabel =
+        container.querySelector('.categoryLabel')!.innerHTML;
 
       expect(categoryLabel).toEqual('<q>search1</q>');
       expect(container).toMatchSnapshot();
diff --git a/src/components/InfiniteHits/InfiniteHits.tsx b/src/components/InfiniteHits/InfiniteHits.tsx
index dd5f87ed50..d29a1be715 100644
--- a/src/components/InfiniteHits/InfiniteHits.tsx
+++ b/src/components/InfiniteHits/InfiniteHits.tsx
@@ -11,9 +11,8 @@ import {
 } from '../../widgets/infinite-hits/infinite-hits';
 import { SendEventForHits, BindEventForHits } from '../../lib/utils';
 
-export type InfiniteHitsComponentCSSClasses = ComponentCSSClasses<
-  InfiniteHitsCSSClasses
->;
+export type InfiniteHitsComponentCSSClasses =
+  ComponentCSSClasses<InfiniteHitsCSSClasses>;
 export type InfiniteHitsComponentTemplates = Required<InfiniteHitsTemplates>;
 
 export type InfiniteHitsProps = {
diff --git a/src/components/MenuSelect/MenuSelect.tsx b/src/components/MenuSelect/MenuSelect.tsx
index 96f298ca9f..8712663a6d 100644
--- a/src/components/MenuSelect/MenuSelect.tsx
+++ b/src/components/MenuSelect/MenuSelect.tsx
@@ -11,9 +11,8 @@ import {
 import { MenuRenderState } from '../../connectors/menu/connectMenu';
 import { ComponentCSSClasses } from '../../types';
 
-export type MenuSelectComponentCSSClasses = ComponentCSSClasses<
-  MenuSelectCSSClasses
->;
+export type MenuSelectComponentCSSClasses =
+  ComponentCSSClasses<MenuSelectCSSClasses>;
 
 export type MenuSelectComponentTemplates = Required<MenuSelectTemplates>;
 
@@ -46,7 +45,7 @@ type Props = {
 };
 
 function MenuSelect({ cssClasses, templateProps, items, refine }: Props) {
-  const { value: selectedValue } = find(items, item => item.isRefined) || {
+  const { value: selectedValue } = find(items, (item) => item.isRefined) || {
     value: '',
   };
 
@@ -59,7 +58,7 @@ function MenuSelect({ cssClasses, templateProps, items, refine }: Props) {
       <select
         className={cssClasses.select}
         value={selectedValue}
-        onChange={event => {
+        onChange={(event) => {
           refine((event.target as HTMLSelectElement).value);
         }}
       >
@@ -73,7 +72,7 @@ function MenuSelect({ cssClasses, templateProps, items, refine }: Props) {
           }}
         />
 
-        {items.map(item => (
+        {items.map((item) => (
           <Template
             {...templateProps}
             templateKey="item"
diff --git a/src/components/Pagination/Pagination.tsx b/src/components/Pagination/Pagination.tsx
index 732ae5b02e..75ec53ecf6 100644
--- a/src/components/Pagination/Pagination.tsx
+++ b/src/components/Pagination/Pagination.tsx
@@ -11,9 +11,8 @@ import {
 } from '../../widgets/pagination/pagination';
 import { ComponentCSSClasses } from '../../types';
 
-export type PaginationComponentCSSClasses = ComponentCSSClasses<
-  PaginationCSSClasses
->;
+export type PaginationComponentCSSClasses =
+  ComponentCSSClasses<PaginationCSSClasses>;
 
 export type PaginationComponentTemplates = Required<PaginationTemplates>;
 
@@ -143,7 +142,7 @@ class Pagination extends Component<PaginationProps> {
   };
 
   private pages = () => {
-    return this.props.pages!.map(pageNumber =>
+    return this.props.pages!.map((pageNumber) =>
       this.pageLink({
         ariaLabel: `${pageNumber + 1}`,
         additionalClassName: this.props.cssClasses.pageItem,
diff --git a/src/components/Pagination/PaginationLink.tsx b/src/components/Pagination/PaginationLink.tsx
index 55e201e6b1..36f72e15bf 100644
--- a/src/components/Pagination/PaginationLink.tsx
+++ b/src/components/Pagination/PaginationLink.tsx
@@ -45,7 +45,7 @@ const PaginationLink = ({
         className={cssClasses.link}
         aria-label={ariaLabel}
         href={url}
-        onClick={event => handleClick(pageNumber, event)}
+        onClick={(event) => handleClick(pageNumber, event)}
         dangerouslySetInnerHTML={{
           __html: label,
         }}
diff --git a/src/components/Pagination/__tests__/Pagination-test.tsx b/src/components/Pagination/__tests__/Pagination-test.tsx
index ae400a2659..6cbb4460be 100644
--- a/src/components/Pagination/__tests__/Pagination-test.tsx
+++ b/src/components/Pagination/__tests__/Pagination-test.tsx
@@ -26,7 +26,7 @@ describe('Pagination', () => {
       disabledItem: 'disabledItem',
       link: 'link',
     },
-    createURL: args => JSON.stringify(args),
+    createURL: (args) => JSON.stringify(args),
     templates: { first: '', last: '', next: '', previous: '' },
     currentPage: 0,
     pages: pager.pages(),
@@ -83,7 +83,7 @@ describe('Pagination', () => {
     const preventDefault = jest.fn();
     const component = new Pagination({ ...defaultProps, ...props });
     const modifiers = ['ctrlKey', 'shiftKey', 'altKey', 'metaKey'] as const;
-    modifiers.forEach(e => {
+    modifiers.forEach((e) => {
       const event: Partial<KeyboardEvent> = { preventDefault };
       (event as any)[e] = true;
       // @ts-expect-error
diff --git a/src/components/Panel/Panel.tsx b/src/components/Panel/Panel.tsx
index a1c5f81436..942135642b 100644
--- a/src/components/Panel/Panel.tsx
+++ b/src/components/Panel/Panel.tsx
@@ -16,9 +16,8 @@ export type PanelComponentCSSClasses = ComponentCSSClasses<
   Omit<PanelCSSClasses, 'collapseIcon'>
 >;
 
-export type PanelComponentTemplates<
-  TWidget extends UnknownWidgetFactory
-> = Required<PanelTemplates<TWidget>>;
+export type PanelComponentTemplates<TWidget extends UnknownWidgetFactory> =
+  Required<PanelTemplates<TWidget>>;
 
 export type PanelProps<TWidget extends UnknownWidgetFactory> = {
   hidden: boolean;
@@ -75,11 +74,11 @@ function Panel<TWidget extends UnknownWidgetFactory>(
             <button
               className={props.cssClasses.collapseButton}
               aria-expanded={!isCollapsed}
-              onClick={event => {
+              onClick={(event) => {
                 event.preventDefault();
 
                 setIsControlled(true);
-                setIsCollapsed(prevIsCollapsed => !prevIsCollapsed);
+                setIsCollapsed((prevIsCollapsed) => !prevIsCollapsed);
               }}
             >
               <Template
diff --git a/src/components/PoweredBy/PoweredBy.tsx b/src/components/PoweredBy/PoweredBy.tsx
index 20607b8a02..0cfef90509 100644
--- a/src/components/PoweredBy/PoweredBy.tsx
+++ b/src/components/PoweredBy/PoweredBy.tsx
@@ -4,9 +4,8 @@ import { h } from 'preact';
 import { ComponentCSSClasses } from '../../types';
 import { PoweredByCSSClasses } from '../../widgets/powered-by/powered-by';
 
-export type PoweredByComponentCSSClasses = ComponentCSSClasses<
-  PoweredByCSSClasses
->;
+export type PoweredByComponentCSSClasses =
+  ComponentCSSClasses<PoweredByCSSClasses>;
 
 export type PoweredByProps = {
   url: string;
diff --git a/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx b/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx
index a9935525cd..fd8494311e 100644
--- a/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx
+++ b/src/components/QueryRuleCustomData/QueryRuleCustomData.tsx
@@ -8,13 +8,11 @@ import {
 } from '../../widgets/query-rule-custom-data/query-rule-custom-data';
 import Template from '../Template/Template';
 
-export type QueryRuleCustomDataComponentCSSClasses = ComponentCSSClasses<
-  QueryRuleCustomDataCSSClasses
->;
+export type QueryRuleCustomDataComponentCSSClasses =
+  ComponentCSSClasses<QueryRuleCustomDataCSSClasses>;
 
-export type QueryRuleCustomDataComponentTemplates = Required<
-  QueryRuleCustomDataTemplates
->;
+export type QueryRuleCustomDataComponentTemplates =
+  Required<QueryRuleCustomDataTemplates>;
 
 export type QueryRuleCustomDataProps = {
   cssClasses: QueryRuleCustomDataComponentCSSClasses;
diff --git a/src/components/QueryRuleCustomData/__tests__/QueryRuleCustomData-test.tsx b/src/components/QueryRuleCustomData/__tests__/QueryRuleCustomData-test.tsx
index 29c17fa143..db4faeda13 100644
--- a/src/components/QueryRuleCustomData/__tests__/QueryRuleCustomData-test.tsx
+++ b/src/components/QueryRuleCustomData/__tests__/QueryRuleCustomData-test.tsx
@@ -9,7 +9,7 @@ type QueryRuleItem = {
 };
 
 function defaultTemplate({ items }: { items: QueryRuleItem[] }) {
-  return items.map(item => item.banner).join(' ');
+  return items.map((item) => item.banner).join(' ');
 }
 
 describe('QueryRuleCustomData', () => {
diff --git a/src/components/RangeInput/RangeInput.tsx b/src/components/RangeInput/RangeInput.tsx
index 7769045c95..60a4b04897 100644
--- a/src/components/RangeInput/RangeInput.tsx
+++ b/src/components/RangeInput/RangeInput.tsx
@@ -10,9 +10,8 @@ import {
 import { Range, RangeBoundaries } from '../../connectors/range/connectRange';
 import { ComponentCSSClasses } from '../../types';
 
-export type RangeInputComponentCSSClasses = ComponentCSSClasses<
-  RangeInputCSSClasses
->;
+export type RangeInputComponentCSSClasses =
+  ComponentCSSClasses<RangeInputCSSClasses>;
 
 export type RangeInputComponentTemplates = Required<RangeInputTemplates>;
 
diff --git a/src/components/RefinementList/RefinementList.tsx b/src/components/RefinementList/RefinementList.tsx
index 0b5bb09403..5516bc488f 100644
--- a/src/components/RefinementList/RefinementList.tsx
+++ b/src/components/RefinementList/RefinementList.tsx
@@ -26,9 +26,8 @@ type RefinementListOptionalClasses =
   | 'searchBox'
   | 'count';
 
-type RefinementListWidgetCSSClasses = ComponentCSSClasses<
-  RefinementListOwnCSSClasses
->;
+type RefinementListWidgetCSSClasses =
+  ComponentCSSClasses<RefinementListOwnCSSClasses>;
 
 type RefinementListRequiredCSSClasses = Omit<
   RefinementListWidgetCSSClasses,
@@ -36,12 +35,13 @@ type RefinementListRequiredCSSClasses = Omit<
 > &
   Partial<Pick<RefinementListWidgetCSSClasses, RefinementListOptionalClasses>>;
 
-export type RefinementListComponentCSSClasses = RefinementListRequiredCSSClasses & {
-  searchable?: SearchBoxComponentCSSClasses;
-} & Partial<Pick<RatingMenuComponentCSSClasses, 'disabledItem'>> &
-  Partial<
-    Pick<HierarchicalMenuComponentCSSClasses, 'childList' | 'parentItem'>
-  >;
+export type RefinementListComponentCSSClasses =
+  RefinementListRequiredCSSClasses & {
+    searchable?: SearchBoxComponentCSSClasses;
+  } & Partial<Pick<RatingMenuComponentCSSClasses, 'disabledItem'>> &
+    Partial<
+      Pick<HierarchicalMenuComponentCSSClasses, 'childList' | 'parentItem'>
+    >;
 
 type FacetValue = {
   value: string;
@@ -81,18 +81,16 @@ const defaultProps = {
   depth: 0,
 };
 
-type RefinementListPropsWithDefaultProps<
-  TTemplates extends Templates
-> = RefinementListProps<TTemplates> & Readonly<typeof defaultProps>;
-
-type RefinementListItemTemplateData<
-  TTemplates extends Templates
-> = FacetValue & {
-  url: string;
-} & Pick<
-    RefinementListProps<TTemplates>,
-    'attribute' | 'cssClasses' | 'isFromSearch'
-  >;
+type RefinementListPropsWithDefaultProps<TTemplates extends Templates> =
+  RefinementListProps<TTemplates> & Readonly<typeof defaultProps>;
+
+type RefinementListItemTemplateData<TTemplates extends Templates> =
+  FacetValue & {
+    url: string;
+  } & Pick<
+      RefinementListProps<TTemplates>,
+      'attribute' | 'cssClasses' | 'isFromSearch'
+    >;
 
 function isHierarchicalMenuItem(
   facetValue: FacetValue
diff --git a/src/components/RefinementList/RefinementListItem.tsx b/src/components/RefinementList/RefinementListItem.tsx
index 9db7b8f5bb..39ee76912a 100644
--- a/src/components/RefinementList/RefinementListItem.tsx
+++ b/src/components/RefinementList/RefinementListItem.tsx
@@ -31,7 +31,7 @@ function RefinementListItem({
   return (
     <li
       className={className}
-      onClick={originalEvent => {
+      onClick={(originalEvent) => {
         handleClick({
           facetValueToRefine,
           isRefined,
diff --git a/src/components/RefinementList/__tests__/RefinementList-test.tsx b/src/components/RefinementList/__tests__/RefinementList-test.tsx
index 12c2dedbde..90f0ec386b 100644
--- a/src/components/RefinementList/__tests__/RefinementList-test.tsx
+++ b/src/components/RefinementList/__tests__/RefinementList-test.tsx
@@ -328,11 +328,8 @@ describe('RefinementList', () => {
       };
 
       const { container } = render(<RefinementList {...props} />);
-      const [
-        mainItem,
-        firstSubItem,
-        secondISubtem,
-      ] = container.querySelectorAll('.item');
+      const [mainItem, firstSubItem, secondISubtem] =
+        container.querySelectorAll('.item');
 
       fireEvent.click(mainItem);
       expect(toggleRefinement).toHaveBeenCalledWith('foo');
@@ -443,8 +440,8 @@ describe('RefinementList', () => {
 
     it('without facets from search', () => {
       const templates: Partial<RefinementListTemplates> = {
-        item: item => item.value,
-        searchableNoResults: x => JSON.stringify(x),
+        item: (item) => item.value,
+        searchableNoResults: (x) => JSON.stringify(x),
         showMoreText: '',
       };
       type TestTemplates = typeof templates;
@@ -457,7 +454,7 @@ describe('RefinementList', () => {
         className: 'customClassName',
         isFromSearch: true,
         searchPlaceholder: 'Search',
-        searchFacetValues: x => x,
+        searchFacetValues: (x) => x,
         templateProps: {
           templatesConfig: {},
           templates,
@@ -626,7 +623,7 @@ describe('RefinementList', () => {
         className: 'customClassName',
         isFromSearch: true,
         searchPlaceholder: 'Search',
-        searchFacetValues: x => x,
+        searchFacetValues: (x) => x,
         templateProps: {
           templatesConfig: {},
           templates,
diff --git a/src/components/RelevantSort/RelevantSort.tsx b/src/components/RelevantSort/RelevantSort.tsx
index 0508e41615..bbd5933a74 100644
--- a/src/components/RelevantSort/RelevantSort.tsx
+++ b/src/components/RelevantSort/RelevantSort.tsx
@@ -8,9 +8,8 @@ import {
 } from '../../widgets/relevant-sort/relevant-sort';
 import { ComponentCSSClasses } from '../../types';
 
-export type RelevantSortComponentCSSClasses = ComponentCSSClasses<
-  RelevantSortCSSClasses
->;
+export type RelevantSortComponentCSSClasses =
+  ComponentCSSClasses<RelevantSortCSSClasses>;
 
 export type RelevantSortComponentTemplates = Required<RelevantSortTemplates>;
 
diff --git a/src/components/SearchBox/SearchBox.tsx b/src/components/SearchBox/SearchBox.tsx
index 40cc4fbb27..c93053b005 100644
--- a/src/components/SearchBox/SearchBox.tsx
+++ b/src/components/SearchBox/SearchBox.tsx
@@ -9,9 +9,8 @@ import {
 } from '../../widgets/search-box/search-box';
 import { ComponentCSSClasses } from '../../types';
 
-export type SearchBoxComponentCSSClasses = ComponentCSSClasses<
-  SearchBoxCSSClasses
->;
+export type SearchBoxComponentCSSClasses =
+  ComponentCSSClasses<SearchBoxCSSClasses>;
 
 export type SearchBoxComponentTemplates = Required<SearchBoxTemplates>;
 
diff --git a/src/components/Selector/Selector.tsx b/src/components/Selector/Selector.tsx
index 33e3845fda..1f27f11daf 100644
--- a/src/components/Selector/Selector.tsx
+++ b/src/components/Selector/Selector.tsx
@@ -30,10 +30,10 @@ function Selector({
   return (
     <select
       className={cx(cssClasses.select)}
-      onChange={event => setValue((event.target as HTMLSelectElement).value)}
+      onChange={(event) => setValue((event.target as HTMLSelectElement).value)}
       value={`${currentValue}`}
     >
-      {options.map(option => (
+      {options.map((option) => (
         <option
           className={cx(cssClasses.option)}
           key={option.label + option.value}
diff --git a/src/components/Slider/Rheostat.tsx b/src/components/Slider/Rheostat.tsx
index 1c7b4d5900..4677572ff3 100644
--- a/src/components/Slider/Rheostat.tsx
+++ b/src/components/Slider/Rheostat.tsx
@@ -169,7 +169,7 @@ class Rheostat extends Component<Props, State> {
   public state: State = {
     className: getClassName(this.props),
     // non-null thanks to defaultProps
-    handlePos: this.props.values!.map(value =>
+    handlePos: this.props.values!.map((value) =>
       getPosition(value, this.props.min!, this.props.max!)
     ),
     handleDimensions: 0,
@@ -350,12 +350,12 @@ class Rheostat extends Component<Props, State> {
     type StepMultiplier = { [key: number]: (value: number) => number };
 
     const stepMultiplier: StepMultiplier = {
-      [KEYS.LEFT]: v => v * -1,
-      [KEYS.RIGHT]: v => v,
-      [KEYS.UP]: v => v,
-      [KEYS.DOWN]: v => v * -1,
-      [KEYS.PAGE_DOWN]: v => (v > 1 ? -v : v * -10),
-      [KEYS.PAGE_UP]: v => (v > 1 ? v : v * 10),
+      [KEYS.LEFT]: (v) => v * -1,
+      [KEYS.RIGHT]: (v) => v,
+      [KEYS.UP]: (v) => v,
+      [KEYS.DOWN]: (v) => v * -1,
+      [KEYS.PAGE_DOWN]: (v) => (v > 1 ? -v : v * -10),
+      [KEYS.PAGE_UP]: (v) => (v > 1 ? v : v * 10),
     };
 
     if (Object.prototype.hasOwnProperty.call(stepMultiplier, keyCode)) {
@@ -407,7 +407,7 @@ class Rheostat extends Component<Props, State> {
 
     return {
       handlePos: nextHandlePos,
-      values: nextHandlePos.map(pos => getValue(pos, min, max)),
+      values: nextHandlePos.map((pos) => getValue(pos, min, max)),
     };
   }
 
@@ -646,7 +646,7 @@ class Rheostat extends Component<Props, State> {
 
     this.setState(
       {
-        handlePos: nextValues.map(value => getPosition(value, min, max)),
+        handlePos: nextValues.map((value) => getPosition(value, min, max)),
         values: nextValues,
       },
       () => this.fireChangeEvent()
@@ -716,7 +716,7 @@ class Rheostat extends Component<Props, State> {
         })}
 
         {PitComponent &&
-          pitPoints.map(n => {
+          pitPoints.map((n) => {
             const pos = getPosition(n, min, max);
             const pitStyle: Style =
               orientation === 'vertical'
diff --git a/src/components/Slider/Slider.tsx b/src/components/Slider/Slider.tsx
index b876b3dd5d..cae8222c83 100644
--- a/src/components/Slider/Slider.tsx
+++ b/src/components/Slider/Slider.tsx
@@ -12,9 +12,8 @@ import {
 } from '../../widgets/range-slider/range-slider';
 import { ComponentCSSClasses } from '../../types';
 
-export type RangeSliderComponentCSSClasses = ComponentCSSClasses<
-  RangeSliderCssClasses
->;
+export type RangeSliderComponentCSSClasses =
+  ComponentCSSClasses<RangeSliderCssClasses>;
 
 export type SliderProps = {
   refine(values: RangeBoundaries): void;
@@ -48,7 +47,7 @@ class Slider extends Component<SliderProps> {
       min,
       ...range({
         end: steps - 1,
-      }).map(step => min + stepsLength * (step + 1)),
+      }).map((step) => min + stepsLength * (step + 1)),
       max,
     ];
 
@@ -69,32 +68,31 @@ class Slider extends Component<SliderProps> {
     return [...range({ start: min, end: max, step }), max];
   }
 
-  private createHandleComponent = (
-    tooltips: RangeSliderWidgetParams['tooltips']
-  ) => (props: HandleProps) => {
-    // display only two decimals after comma,
-    // and apply `tooltips.format()` if any
-    const roundedValue =
-      Math.round(
-        // have to cast as a string, as the value given to the prop is a number, but becomes a string when read
-        parseFloat((props['aria-valuenow'] as unknown) as string) * 100
-      ) / 100;
-    const value =
-      typeof tooltips === 'object' && tooltips.format
-        ? tooltips.format(roundedValue)
-        : roundedValue;
-
-    const className = cx(props.className, {
-      'rheostat-handle-lower': props['data-handle-key'] === 0,
-      'rheostat-handle-upper': props['data-handle-key'] === 1,
-    });
-
-    return (
-      <div {...props} className={className}>
-        {tooltips && <div className="rheostat-tooltip">{value}</div>}
-      </div>
-    );
-  };
+  private createHandleComponent =
+    (tooltips: RangeSliderWidgetParams['tooltips']) => (props: HandleProps) => {
+      // display only two decimals after comma,
+      // and apply `tooltips.format()` if any
+      const roundedValue =
+        Math.round(
+          // have to cast as a string, as the value given to the prop is a number, but becomes a string when read
+          parseFloat(props['aria-valuenow'] as unknown as string) * 100
+        ) / 100;
+      const value =
+        typeof tooltips === 'object' && tooltips.format
+          ? tooltips.format(roundedValue)
+          : roundedValue;
+
+      const className = cx(props.className, {
+        'rheostat-handle-lower': props['data-handle-key'] === 0,
+        'rheostat-handle-upper': props['data-handle-key'] === 1,
+      });
+
+      return (
+        <div {...props} className={className}>
+          {tooltips && <div className="rheostat-tooltip">{value}</div>}
+        </div>
+      );
+    };
 
   public render() {
     const { tooltips, step, pips, values, cssClasses } = this.props;
diff --git a/src/components/Template/Template.tsx b/src/components/Template/Template.tsx
index d0a5b47a6f..2fc3b28258 100644
--- a/src/components/Template/Template.tsx
+++ b/src/components/Template/Template.tsx
@@ -37,9 +37,8 @@ class Template extends Component<TemplateProps> {
   public render() {
     const RootTagName = this.props.rootTagName;
 
-    const useCustomCompileOptions = this.props.useCustomCompileOptions[
-      this.props.templateKey
-    ];
+    const useCustomCompileOptions =
+      this.props.useCustomCompileOptions[this.props.templateKey];
     const compileOptions = useCustomCompileOptions
       ? this.props.templatesConfig.compileOptions
       : {};
diff --git a/src/components/ToggleRefinement/ToggleRefinement.tsx b/src/components/ToggleRefinement/ToggleRefinement.tsx
index dca95f3687..d776d68ad3 100644
--- a/src/components/ToggleRefinement/ToggleRefinement.tsx
+++ b/src/components/ToggleRefinement/ToggleRefinement.tsx
@@ -14,13 +14,11 @@ import {
 
 import Template from '../Template/Template';
 
-export type ToggleRefinementComponentCSSClasses = ComponentCSSClasses<
-  ToggleRefinementCSSClasses
->;
+export type ToggleRefinementComponentCSSClasses =
+  ComponentCSSClasses<ToggleRefinementCSSClasses>;
 
-export type ToggleRefinementComponentTemplates = Required<
-  ToggleRefinementTemplates
->;
+export type ToggleRefinementComponentTemplates =
+  Required<ToggleRefinementTemplates>;
 
 export type ToggleRefinementProps = {
   currentRefinement: ToggleRefinementValue;
@@ -41,7 +39,7 @@ const ToggleRefinement = ({
         className={cssClasses.checkbox}
         type="checkbox"
         checked={currentRefinement.isRefined}
-        onChange={event =>
+        onChange={(event) =>
           refine({ isRefined: !(event.target as HTMLInputElement).checked })
         }
       />
diff --git a/src/components/VoiceSearch/VoiceSearch.tsx b/src/components/VoiceSearch/VoiceSearch.tsx
index 383fee3358..061da12425 100644
--- a/src/components/VoiceSearch/VoiceSearch.tsx
+++ b/src/components/VoiceSearch/VoiceSearch.tsx
@@ -10,9 +10,8 @@ import {
 import { VoiceListeningState } from '../../lib/voiceSearchHelper/types';
 import { ComponentCSSClasses } from '../../types';
 
-export type VoiceSearchComponentCSSClasses = ComponentCSSClasses<
-  VoiceSearchCSSClasses
->;
+export type VoiceSearchComponentCSSClasses =
+  ComponentCSSClasses<VoiceSearchCSSClasses>;
 
 export type VoiceSearchComponentTemplates = Required<VoiceSearchTemplates>;
 
diff --git a/src/connectors/answers/__tests__/connectAnswers-test.ts b/src/connectors/answers/__tests__/connectAnswers-test.ts
index 69734e2f1d..7c2a8528fd 100644
--- a/src/connectors/answers/__tests__/connectAnswers-test.ts
+++ b/src/connectors/answers/__tests__/connectAnswers-test.ts
@@ -102,12 +102,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/answers/js/
   });
 
   it('Renders during init and render', () => {
-    const {
-      renderFn,
-      widget,
-      instantSearchInstance,
-      helper,
-    } = setupTestEnvironment({ hits: [] });
+    const { renderFn, widget, instantSearchInstance, helper } =
+      setupTestEnvironment({ hits: [] });
 
     expect(renderFn).toHaveBeenCalledTimes(0);
 
@@ -164,12 +160,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/answers/js/
   });
 
   it('renders empty hits when query is not given', () => {
-    const {
-      renderFn,
-      widget,
-      helper,
-      instantSearchInstance,
-    } = setupTestEnvironment({ hits: [] });
+    const { renderFn, widget, helper, instantSearchInstance } =
+      setupTestEnvironment({ hits: [] });
 
     widget.init!(
       createInitOptions({
@@ -211,14 +203,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/answers/js/
 
   it('renders loader and results when query is given', async () => {
     const hits = [{ title: '', objectID: 'a' }];
-    const {
-      renderFn,
-      instantSearchInstance,
-      widget,
-      helper,
-    } = setupTestEnvironment({
-      hits,
-    });
+    const { renderFn, instantSearchInstance, widget, helper } =
+      setupTestEnvironment({
+        hits,
+      });
 
     widget.init!(
       createInitOptions({
@@ -266,14 +254,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/answers/js/
 
   it('debounces renders', async () => {
     const hits = [{ title: '', objectID: 'a' }];
-    const {
-      renderFn,
-      instantSearchInstance,
-      widget,
-      helper,
-    } = setupTestEnvironment({
-      hits,
-    });
+    const { renderFn, instantSearchInstance, widget, helper } =
+      setupTestEnvironment({
+        hits,
+      });
 
     widget.init!(
       createInitOptions({
diff --git a/src/connectors/answers/connectAnswers.ts b/src/connectors/answers/connectAnswers.ts
index debd27a122..4886f8d415 100644
--- a/src/connectors/answers/connectAnswers.ts
+++ b/src/connectors/answers/connectAnswers.ts
@@ -111,7 +111,7 @@ const connectAnswers: AnswersConnector = function connectAnswers(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       queryLanguages,
       attributesForPrediction,
@@ -129,18 +129,17 @@ const connectAnswers: AnswersConnector = function connectAnswers(
       );
     }
 
-    const runConcurrentSafePromise = createConcurrentSafePromise<
-      FindAnswersResponse<Hit>
-    >();
+    const runConcurrentSafePromise =
+      createConcurrentSafePromise<FindAnswersResponse<Hit>>();
 
     let lastResult: Partial<FindAnswersResponse<Hit>>;
     let isLoading = false;
     const debouncedRender = debounce(renderFn, renderDebounceTime);
 
     // this does not directly use DebouncedFunction<findAnswers>, since then the generic will disappear
-    let debouncedRefine: DebouncedFunction<(
-      ...params: FindAnswersParameters
-    ) => Promise<FindAnswersResponse<Hit>>>;
+    let debouncedRefine: DebouncedFunction<
+      (...params: FindAnswersParameters) => Promise<FindAnswersResponse<Hit>>
+    >;
 
     return {
       $$type: 'ais.answers',
@@ -201,7 +200,7 @@ const connectAnswers: AnswersConnector = function connectAnswers(
             nbHits,
             attributesForPrediction,
           })
-        ).then(results => {
+        ).then((results) => {
           if (!results) {
             // It's undefined when it's debounced.
             return;
@@ -220,9 +219,8 @@ const connectAnswers: AnswersConnector = function connectAnswers(
           // Make sure the escaped tag stays, even after mapping over the hits.
           // This prevents the hits from being double-escaped if there are multiple
           // hits widgets mounted on the page.
-          (results.hits as ReturnType<
-            typeof escapeHits
-          >).__escaped = initialEscaped;
+          (results.hits as ReturnType<typeof escapeHits>).__escaped =
+            initialEscaped;
 
           lastResult = results;
           isLoading = false;
diff --git a/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts b/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
index c916a95568..933a19f7ba 100644
--- a/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
+++ b/src/connectors/autocomplete/__tests__/connectAutocomplete-test.ts
@@ -755,7 +755,8 @@ search.addWidgets([
         createRenderOptions({ instantSearchInstance, helper, scopedResults })
       );
 
-      const sendEventToInsights = instantSearchInstance.sendEventToInsights as jest.Mock;
+      const sendEventToInsights =
+        instantSearchInstance.sendEventToInsights as jest.Mock;
 
       return {
         instantSearchInstance,
@@ -814,11 +815,8 @@ search.addWidgets([
     });
 
     it('sends click event', () => {
-      const {
-        sendEventToInsights,
-        render,
-        secondIndexHits,
-      } = createRenderedWidget();
+      const { sendEventToInsights, render, secondIndexHits } =
+        createRenderedWidget();
       expect(sendEventToInsights).toHaveBeenCalledTimes(2); // two view events for each index by render
 
       const { indices } = render.mock.calls[render.mock.calls.length - 1][0];
@@ -847,11 +845,8 @@ search.addWidgets([
     });
 
     it('sends conversion event', () => {
-      const {
-        sendEventToInsights,
-        render,
-        firstIndexHits,
-      } = createRenderedWidget();
+      const { sendEventToInsights, render, firstIndexHits } =
+        createRenderedWidget();
       expect(sendEventToInsights).toHaveBeenCalledTimes(2); // two view events for each index by render
 
       const { indices } = render.mock.calls[render.mock.calls.length - 1][0];
diff --git a/src/connectors/autocomplete/connectAutocomplete.ts b/src/connectors/autocomplete/connectAutocomplete.ts
index 6e2e79396f..eb018b8c7f 100644
--- a/src/connectors/autocomplete/connectAutocomplete.ts
+++ b/src/connectors/autocomplete/connectAutocomplete.ts
@@ -85,7 +85,7 @@ const connectAutocomplete: AutocompleteConnector = function connectAutocomplete(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const { escapeHTML = true } = widgetParams || {};
 
     warning(
@@ -166,7 +166,7 @@ search.addWidgets([
           };
         }
 
-        const indices = scopedResults.map(scopedResult => {
+        const indices = scopedResults.map((scopedResult) => {
           // We need to escape the hits because highlighting
           // exposes HTML tags to the end-user.
           scopedResult.results.hits = escapeHTML
diff --git a/src/connectors/breadcrumb/__tests__/connectBreadcrumb-test.ts b/src/connectors/breadcrumb/__tests__/connectBreadcrumb-test.ts
index 1a2b2e21e6..36008a1e51 100644
--- a/src/connectors/breadcrumb/__tests__/connectBreadcrumb-test.ts
+++ b/src/connectors/breadcrumb/__tests__/connectBreadcrumb-test.ts
@@ -658,8 +658,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/breadcrumb/
     const makeWidget = connectBreadcrumb(rendering);
     const widget = makeWidget({
       attributes: ['category', 'sub_category'],
-      transformItems: items =>
-        items.map(item => ({ ...item, label: 'transformed' })),
+      transformItems: (items) =>
+        items.map((item) => ({ ...item, label: 'transformed' })),
     });
 
     const config = widget.getWidgetSearchParameters!(new SearchParameters(), {
@@ -730,7 +730,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/breadcrumb/
       createInitOptions({
         helper,
         state: helper.state,
-        createURL: state => JSON.stringify(state),
+        createURL: (state) => JSON.stringify(state),
       })
     );
 
@@ -763,7 +763,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/breadcrumb/
         ]),
         state: helper.state,
         helper,
-        createURL: state => JSON.stringify(state),
+        createURL: (state) => JSON.stringify(state),
       })
     );
     const createURL = rendering.mock.calls[1][0].createURL;
@@ -797,7 +797,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/breadcrumb/
       createInitOptions({
         helper,
         state: helper.state,
-        createURL: state => JSON.stringify(state),
+        createURL: (state) => JSON.stringify(state),
       })
     );
 
@@ -931,7 +931,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/breadcrumb/
         ]),
         state: helper.state,
         helper,
-        createURL: state => JSON.stringify(state),
+        createURL: (state) => JSON.stringify(state),
       })
     );
     const { createURL, items } = rendering.mock.calls[1][0];
diff --git a/src/connectors/breadcrumb/connectBreadcrumb.ts b/src/connectors/breadcrumb/connectBreadcrumb.ts
index 66fe6b96c8..b318340442 100644
--- a/src/connectors/breadcrumb/connectBreadcrumb.ts
+++ b/src/connectors/breadcrumb/connectBreadcrumb.ts
@@ -107,14 +107,13 @@ const connectBreadcrumb: BreadcrumbConnector = function connectBreadcrumb(
 
   const connectorState: ConnectorState = {};
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       attributes,
       separator = ' > ',
       rootPath = null,
-      transformItems = (items => items) as TransformItems<
-        BreadcrumbConnectorParamsItem
-      >,
+      transformItems = ((items) =>
+        items) as TransformItems<BreadcrumbConnectorParamsItem>,
     } = widgetParams || {};
 
     if (!attributes || !Array.isArray(attributes) || attributes.length === 0) {
@@ -202,13 +201,13 @@ const connectBreadcrumb: BreadcrumbConnector = function connectBreadcrumb(
         const items = getItems();
 
         if (!connectorState.createURL) {
-          connectorState.createURL = facetValue => {
+          connectorState.createURL = (facetValue) => {
             return createURL(getRefinedState(helper.state, facetValue));
           };
         }
 
         if (!connectorState.refine) {
-          connectorState.refine = facetValue => {
+          connectorState.refine = (facetValue) => {
             helper.setState(getRefinedState(helper.state, facetValue)).search();
           };
         }
diff --git a/src/connectors/clear-refinements/__tests__/connectClearRefinements-test.ts b/src/connectors/clear-refinements/__tests__/connectClearRefinements-test.ts
index 1e7418ad50..eb2f401faf 100644
--- a/src/connectors/clear-refinements/__tests__/connectClearRefinements-test.ts
+++ b/src/connectors/clear-refinements/__tests__/connectClearRefinements-test.ts
@@ -87,10 +87,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/clear-refin
       // test that rendering has been called during init with isFirstRendering = true
       expect(rendering).toHaveBeenCalledTimes(1);
 
-      const [
-        firstRenderingOptions,
-        isFirstRenderAtInit,
-      ] = rendering.mock.calls[0];
+      const [firstRenderingOptions, isFirstRenderAtInit] =
+        rendering.mock.calls[0];
 
       expect(isFirstRenderAtInit).toBe(true);
       expect(firstRenderingOptions.createURL).toBeInstanceOf(Function);
@@ -114,10 +112,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/clear-refin
       // test that rendering has been called during init with isFirstRendering = false
       expect(rendering).toHaveBeenCalledTimes(2);
 
-      const [
-        secondRenderingOptions,
-        isFirstRenderAtRender,
-      ] = rendering.mock.calls[1];
+      const [secondRenderingOptions, isFirstRenderAtRender] =
+        rendering.mock.calls[1];
 
       expect(isFirstRenderAtRender).toBe(false);
       expect(secondRenderingOptions.createURL).toBeInstanceOf(Function);
@@ -774,9 +770,9 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/clear-refin
       const makeWidget = connectClearRefinements(rendering);
       const widget = makeWidget({
         includedAttributes: ['facet2', 'facet3', 'query'],
-        transformItems: items =>
+        transformItems: (items) =>
           items.filter(
-            attribute => attribute === 'query' || attribute === 'facet3'
+            (attribute) => attribute === 'query' || attribute === 'facet3'
           ),
       });
 
@@ -862,7 +858,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/clear-refin
               ]),
               helper,
               state: helper.state,
-              createURL: state => JSON.stringify(state),
+              createURL: (state) => JSON.stringify(state),
             })
           );
 
@@ -885,7 +881,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/clear-refin
               ]),
               helper,
               state: helper.state,
-              createURL: state => JSON.stringify(state),
+              createURL: (state) => JSON.stringify(state),
             })
           );
 
diff --git a/src/connectors/clear-refinements/connectClearRefinements.ts b/src/connectors/clear-refinements/connectClearRefinements.ts
index aec023d978..e73ebbfe77 100644
--- a/src/connectors/clear-refinements/connectClearRefinements.ts
+++ b/src/connectors/clear-refinements/connectClearRefinements.ts
@@ -82,142 +82,140 @@ type AttributesToClear = {
   items: string[];
 };
 
-const connectClearRefinements: ClearRefinementsConnector = function connectClearRefinements(
-  renderFn,
-  unmountFn = noop
-) {
-  checkRendering(renderFn, withUsage());
-
-  return widgetParams => {
-    const {
-      includedAttributes = [],
-      excludedAttributes = ['query'],
-      transformItems = (items => items) as TransformItems<string>,
-    } = widgetParams || {};
-
-    if (
-      widgetParams &&
-      widgetParams.includedAttributes &&
-      widgetParams.excludedAttributes
-    ) {
-      throw new Error(
-        withUsage(
-          'The options `includedAttributes` and `excludedAttributes` cannot be used together.'
-        )
-      );
-    }
-
-    type ConnectorState = {
-      refine(): void;
-      createURL(): string;
-      attributesToClear: AttributesToClear[];
-    };
-
-    const connectorState: ConnectorState = {
-      refine: noop,
-      createURL: () => '',
-      attributesToClear: [],
-    };
-
-    const cachedRefine = () => connectorState.refine();
-    const cachedCreateURL = () => connectorState.createURL();
-
-    return {
-      $$type: 'ais.clearRefinements',
-
-      init(initOptions) {
-        const { instantSearchInstance } = initOptions;
-
-        renderFn(
-          {
-            ...this.getWidgetRenderState(initOptions),
-            instantSearchInstance,
-          },
-          true
+const connectClearRefinements: ClearRefinementsConnector =
+  function connectClearRefinements(renderFn, unmountFn = noop) {
+    checkRendering(renderFn, withUsage());
+
+    return (widgetParams) => {
+      const {
+        includedAttributes = [],
+        excludedAttributes = ['query'],
+        transformItems = ((items) => items) as TransformItems<string>,
+      } = widgetParams || {};
+
+      if (
+        widgetParams &&
+        widgetParams.includedAttributes &&
+        widgetParams.excludedAttributes
+      ) {
+        throw new Error(
+          withUsage(
+            'The options `includedAttributes` and `excludedAttributes` cannot be used together.'
+          )
         );
-      },
+      }
+
+      type ConnectorState = {
+        refine(): void;
+        createURL(): string;
+        attributesToClear: AttributesToClear[];
+      };
+
+      const connectorState: ConnectorState = {
+        refine: noop,
+        createURL: () => '',
+        attributesToClear: [],
+      };
+
+      const cachedRefine = () => connectorState.refine();
+      const cachedCreateURL = () => connectorState.createURL();
+
+      return {
+        $$type: 'ais.clearRefinements',
+
+        init(initOptions) {
+          const { instantSearchInstance } = initOptions;
+
+          renderFn(
+            {
+              ...this.getWidgetRenderState(initOptions),
+              instantSearchInstance,
+            },
+            true
+          );
+        },
 
-      render(renderOptions) {
-        const { instantSearchInstance } = renderOptions;
+        render(renderOptions) {
+          const { instantSearchInstance } = renderOptions;
 
-        renderFn(
-          {
-            ...this.getWidgetRenderState(renderOptions),
-            instantSearchInstance,
-          },
-          false
-        );
-      },
-
-      dispose() {
-        unmountFn();
-      },
-
-      getRenderState(renderState, renderOptions) {
-        return {
-          ...renderState,
-          clearRefinements: this.getWidgetRenderState(renderOptions),
-        };
-      },
-
-      getWidgetRenderState({ createURL, scopedResults }) {
-        connectorState.attributesToClear = scopedResults.reduce<
-          Array<ReturnType<typeof getAttributesToClear>>
-        >((results, scopedResult) => {
-          return results.concat(
-            getAttributesToClear({
-              scopedResult,
-              includedAttributes,
-              excludedAttributes,
-              transformItems,
-            })
+          renderFn(
+            {
+              ...this.getWidgetRenderState(renderOptions),
+              instantSearchInstance,
+            },
+            false
           );
-        }, []);
-
-        connectorState.refine = () => {
-          connectorState.attributesToClear.forEach(
-            ({ helper: indexHelper, items }) => {
-              indexHelper
-                .setState(
-                  clearRefinements({
-                    helper: indexHelper,
-                    attributesToClear: items,
-                  })
+        },
+
+        dispose() {
+          unmountFn();
+        },
+
+        getRenderState(renderState, renderOptions) {
+          return {
+            ...renderState,
+            clearRefinements: this.getWidgetRenderState(renderOptions),
+          };
+        },
+
+        getWidgetRenderState({ createURL, scopedResults }) {
+          connectorState.attributesToClear = scopedResults.reduce<
+            Array<ReturnType<typeof getAttributesToClear>>
+          >((results, scopedResult) => {
+            return results.concat(
+              getAttributesToClear({
+                scopedResult,
+                includedAttributes,
+                excludedAttributes,
+                transformItems,
+              })
+            );
+          }, []);
+
+          connectorState.refine = () => {
+            connectorState.attributesToClear.forEach(
+              ({ helper: indexHelper, items }) => {
+                indexHelper
+                  .setState(
+                    clearRefinements({
+                      helper: indexHelper,
+                      attributesToClear: items,
+                    })
+                  )
+                  .search();
+              }
+            );
+          };
+
+          connectorState.createURL = () =>
+            createURL(
+              mergeSearchParameters(
+                ...connectorState.attributesToClear.map(
+                  ({ helper: indexHelper, items }) => {
+                    return clearRefinements({
+                      helper: indexHelper,
+                      attributesToClear: items,
+                    });
+                  }
                 )
-                .search();
-            }
-          );
-        };
-
-        connectorState.createURL = () =>
-          createURL(
-            mergeSearchParameters(
-              ...connectorState.attributesToClear.map(
-                ({ helper: indexHelper, items }) => {
-                  return clearRefinements({
-                    helper: indexHelper,
-                    attributesToClear: items,
-                  });
-                }
               )
-            )
-          );
+            );
 
-        const canRefine = connectorState.attributesToClear.some(
-          attributeToClear => attributeToClear.items.length > 0
-        );
+          const canRefine = connectorState.attributesToClear.some(
+            (attributeToClear) => attributeToClear.items.length > 0
+          );
 
-        return {
-          canRefine,
-          hasRefinements: canRefine,
-          refine: cachedRefine,
-          createURL: cachedCreateURL,
-          widgetParams,
-        };
-      },
+          return {
+            canRefine,
+            hasRefinements: canRefine,
+            refine: cachedRefine,
+            createURL: cachedCreateURL,
+            widgetParams,
+          };
+        },
+      };
     };
   };
-};
 
 function getAttributesToClear({
   scopedResult,
@@ -243,16 +241,16 @@ function getAttributesToClear({
           scopedResult.helper.state,
           includesQuery
         )
-          .map(refinement => refinement.attribute)
+          .map((refinement) => refinement.attribute)
           .filter(
-            attribute =>
+            (attribute) =>
               // If the array is empty (default case), we keep all the attributes
               includedAttributes.length === 0 ||
               // Otherwise, only add the specified attributes
               includedAttributes.indexOf(attribute) !== -1
           )
           .filter(
-            attribute =>
+            (attribute) =>
               // If the query is included, we ignore the default `excludedAttributes = ['query']`
               (attribute === 'query' && includesQuery) ||
               // Otherwise, ignore the excluded attributes
diff --git a/src/connectors/configure-related-items/connectConfigureRelatedItems.ts b/src/connectors/configure-related-items/connectConfigureRelatedItems.ts
index d37eee4770..bade6af52a 100644
--- a/src/connectors/configure-related-items/connectConfigureRelatedItems.ts
+++ b/src/connectors/configure-related-items/connectConfigureRelatedItems.ts
@@ -70,91 +70,91 @@ export type ConfigureRelatedItemsConnector = Connector<
   ConfigureRelatedItemsConnectorParams
 >;
 
-const connectConfigureRelatedItems: ConfigureRelatedItemsConnector = function connectConfigureRelatedItems(
-  renderFn,
-  unmountFn
-) {
-  return widgetParams => {
-    const {
-      hit,
-      matchingPatterns,
-      transformSearchParameters = (x => x) as TransformSearchParameters,
-    } = widgetParams || {};
-
-    if (!hit) {
-      throw new Error(withUsage('The `hit` option is required.'));
-    }
-
-    if (!matchingPatterns) {
-      throw new Error(withUsage('The `matchingPatterns` option is required.'));
-    }
-
-    const optionalFilters = Object.keys(matchingPatterns).reduce<
-      Array<string | string[]>
-    >((acc, attributeName) => {
-      const attribute = matchingPatterns[attributeName];
-      const attributeValue = getPropertyByPath(hit, attributeName);
-      const attributeScore = attribute.score;
-
-      if (Array.isArray(attributeValue)) {
-        return [
-          ...acc,
-          attributeValue.map(attributeSubValue => {
-            return createOptionalFilter({
-              attributeName,
-              attributeValue: attributeSubValue,
-              attributeScore,
-            });
-          }),
-        ];
+const connectConfigureRelatedItems: ConfigureRelatedItemsConnector =
+  function connectConfigureRelatedItems(renderFn, unmountFn) {
+    return (widgetParams) => {
+      const {
+        hit,
+        matchingPatterns,
+        transformSearchParameters = ((x) => x) as TransformSearchParameters,
+      } = widgetParams || {};
+
+      if (!hit) {
+        throw new Error(withUsage('The `hit` option is required.'));
       }
 
-      if (typeof attributeValue === 'string') {
-        return [
-          ...acc,
-          createOptionalFilter({
-            attributeName,
-            attributeValue,
-            attributeScore,
-          }),
-        ];
+      if (!matchingPatterns) {
+        throw new Error(
+          withUsage('The `matchingPatterns` option is required.')
+        );
       }
 
-      warning(
-        false,
-        `
+      const optionalFilters = Object.keys(matchingPatterns).reduce<
+        Array<string | string[]>
+      >((acc, attributeName) => {
+        const attribute = matchingPatterns[attributeName];
+        const attributeValue = getPropertyByPath(hit, attributeName);
+        const attributeScore = attribute.score;
+
+        if (Array.isArray(attributeValue)) {
+          return [
+            ...acc,
+            attributeValue.map((attributeSubValue) => {
+              return createOptionalFilter({
+                attributeName,
+                attributeValue: attributeSubValue,
+                attributeScore,
+              });
+            }),
+          ];
+        }
+
+        if (typeof attributeValue === 'string') {
+          return [
+            ...acc,
+            createOptionalFilter({
+              attributeName,
+              attributeValue,
+              attributeScore,
+            }),
+          ];
+        }
+
+        warning(
+          false,
+          `
 The \`matchingPatterns\` option returned a value of type ${getObjectType(
-          attributeValue
-        )} for the "${attributeName}" key. This value was not sent to Algolia because \`optionalFilters\` only supports strings and array of strings.
+            attributeValue
+          )} for the "${attributeName}" key. This value was not sent to Algolia because \`optionalFilters\` only supports strings and array of strings.
 
 You can remove the "${attributeName}" key from the \`matchingPatterns\` option.
 
 See https://www.algolia.com/doc/api-reference/api-parameters/optionalFilters/
             `
-      );
-
-      return acc;
-    }, []);
-
-    const searchParameters: PlainSearchParameters = {
-      ...transformSearchParameters(
-        new algoliasearchHelper.SearchParameters({
-          sumOrFiltersScores: true,
-          facetFilters: [`objectID:-${hit.objectID}`],
-          optionalFilters,
-        })
-      ),
-    };
-
-    const makeWidget = connectConfigure(renderFn, unmountFn);
-
-    return {
-      // required, since widget parameters differ between these connectors
-      // and we don't want to have the parameters of configure here
-      ...makeWidget({ searchParameters } as any),
-      $$type: 'ais.configureRelatedItems',
+        );
+
+        return acc;
+      }, []);
+
+      const searchParameters: PlainSearchParameters = {
+        ...transformSearchParameters(
+          new algoliasearchHelper.SearchParameters({
+            sumOrFiltersScores: true,
+            facetFilters: [`objectID:-${hit.objectID}`],
+            optionalFilters,
+          })
+        ),
+      };
+
+      const makeWidget = connectConfigure(renderFn, unmountFn);
+
+      return {
+        // required, since widget parameters differ between these connectors
+        // and we don't want to have the parameters of configure here
+        ...makeWidget({ searchParameters } as any),
+        $$type: 'ais.configureRelatedItems',
+      };
     };
   };
-};
 
 export default connectConfigureRelatedItems;
diff --git a/src/connectors/configure/connectConfigure.ts b/src/connectors/configure/connectConfigure.ts
index d87f681b1e..c9388cd4f9 100644
--- a/src/connectors/configure/connectConfigure.ts
+++ b/src/connectors/configure/connectConfigure.ts
@@ -77,7 +77,7 @@ const connectConfigure: ConfigureConnector = function connectConfigure(
   renderFn = noop,
   unmountFn = noop
 ) {
-  return widgetParams => {
+  return (widgetParams) => {
     if (!widgetParams || !isPlainObject(widgetParams.searchParameters)) {
       throw new Error(
         withUsage('The `searchParameters` option expects an object.')
diff --git a/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts b/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts
index a5df9eaf6d..d15405b514 100644
--- a/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts
+++ b/src/connectors/current-refinements/__tests__/connectCurrentRefinements-test.ts
@@ -538,8 +538,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
       const customCurrentRefinements = connectCurrentRefinements(rendering);
 
       const widget = customCurrentRefinements({
-        transformItems: items =>
-          items.map(item => ({
+        transformItems: (items) =>
+          items.map((item) => ({
             ...item,
             transformed: true,
           })),
diff --git a/src/connectors/current-refinements/connectCurrentRefinements.ts b/src/connectors/current-refinements/connectCurrentRefinements.ts
index 211c0cfc6b..e0ed44bd4b 100644
--- a/src/connectors/current-refinements/connectCurrentRefinements.ts
+++ b/src/connectors/current-refinements/connectCurrentRefinements.ts
@@ -154,84 +154,83 @@ export type CurrentRefinementsConnector = Connector<
   CurrentRefinementsConnectorParams
 >;
 
-const connectCurrentRefinements: CurrentRefinementsConnector = function connectCurrentRefinements(
-  renderFn,
-  unmountFn = noop
-) {
-  checkRendering(renderFn, withUsage());
-
-  return widgetParams => {
-    if (
-      (widgetParams || {}).includedAttributes &&
-      (widgetParams || {}).excludedAttributes
-    ) {
-      throw new Error(
-        withUsage(
-          'The options `includedAttributes` and `excludedAttributes` cannot be used together.'
-        )
-      );
-    }
-
-    const {
-      includedAttributes,
-      excludedAttributes = ['query'],
-      transformItems = (items: CurrentRefinementsConnectorParamsItem[]) =>
-        items,
-    } = widgetParams || {};
-
-    return {
-      $$type: 'ais.currentRefinements',
-
-      init(initOptions) {
-        const { instantSearchInstance } = initOptions;
-
-        renderFn(
-          {
-            ...this.getWidgetRenderState(initOptions),
-            instantSearchInstance,
-          },
-          true
+const connectCurrentRefinements: CurrentRefinementsConnector =
+  function connectCurrentRefinements(renderFn, unmountFn = noop) {
+    checkRendering(renderFn, withUsage());
+
+    return (widgetParams) => {
+      if (
+        (widgetParams || {}).includedAttributes &&
+        (widgetParams || {}).excludedAttributes
+      ) {
+        throw new Error(
+          withUsage(
+            'The options `includedAttributes` and `excludedAttributes` cannot be used together.'
+          )
         );
-      },
+      }
 
-      render(renderOptions) {
-        const { instantSearchInstance } = renderOptions;
+      const {
+        includedAttributes,
+        excludedAttributes = ['query'],
+        transformItems = (items: CurrentRefinementsConnectorParamsItem[]) =>
+          items,
+      } = widgetParams || {};
 
-        renderFn(
-          {
-            ...this.getWidgetRenderState(renderOptions),
-            instantSearchInstance,
-          },
-          false
-        );
-      },
+      return {
+        $$type: 'ais.currentRefinements',
 
-      dispose() {
-        unmountFn();
-      },
+        init(initOptions) {
+          const { instantSearchInstance } = initOptions;
 
-      getRenderState(renderState, renderOptions) {
-        return {
-          ...renderState,
-          currentRefinements: this.getWidgetRenderState(renderOptions),
-        };
-      },
+          renderFn(
+            {
+              ...this.getWidgetRenderState(initOptions),
+              instantSearchInstance,
+            },
+            true
+          );
+        },
 
-      getWidgetRenderState({ results, scopedResults, createURL, helper }) {
-        function getItems() {
-          if (!results) {
-            return transformItems(
-              getRefinementsItems({
-                results: {},
-                helper,
-                includedAttributes,
-                excludedAttributes,
-              })
-            );
-          }
+        render(renderOptions) {
+          const { instantSearchInstance } = renderOptions;
 
-          return scopedResults.reduce<CurrentRefinementsConnectorParamsItem[]>(
-            (accResults, scopedResult) => {
+          renderFn(
+            {
+              ...this.getWidgetRenderState(renderOptions),
+              instantSearchInstance,
+            },
+            false
+          );
+        },
+
+        dispose() {
+          unmountFn();
+        },
+
+        getRenderState(renderState, renderOptions) {
+          return {
+            ...renderState,
+            currentRefinements: this.getWidgetRenderState(renderOptions),
+          };
+        },
+
+        getWidgetRenderState({ results, scopedResults, createURL, helper }) {
+          function getItems() {
+            if (!results) {
+              return transformItems(
+                getRefinementsItems({
+                  results: {},
+                  helper,
+                  includedAttributes,
+                  excludedAttributes,
+                })
+              );
+            }
+
+            return scopedResults.reduce<
+              CurrentRefinementsConnectorParamsItem[]
+            >((accResults, scopedResult) => {
               return accResults.concat(
                 transformItems(
                   getRefinementsItems({
@@ -242,25 +241,23 @@ const connectCurrentRefinements: CurrentRefinementsConnector = function connectC
                   })
                 )
               );
-            },
-            []
-          );
-        }
-
-        const items = getItems();
+            }, []);
+          }
 
-        return {
-          items,
-          canRefine: items.length > 0,
-          refine: refinement => clearRefinement(helper, refinement),
-          createURL: refinement =>
-            createURL(clearRefinementFromState(helper.state, refinement)),
-          widgetParams,
-        };
-      },
+          const items = getItems();
+
+          return {
+            items,
+            canRefine: items.length > 0,
+            refine: (refinement) => clearRefinement(helper, refinement),
+            createURL: (refinement) =>
+              createURL(clearRefinementFromState(helper.state, refinement)),
+            widgetParams,
+          };
+        },
+      };
     };
   };
-};
 
 function getRefinementsItems({
   results,
@@ -289,18 +286,18 @@ function getRefinementsItems({
 
   return items.reduce<CurrentRefinementsConnectorParamsItem[]>(
     (allItems, currentItem) => [
-      ...allItems.filter(item => item.attribute !== currentItem.attribute),
+      ...allItems.filter((item) => item.attribute !== currentItem.attribute),
       {
         indexName: helper.state.index,
         attribute: currentItem.attribute,
         label: currentItem.attribute,
         refinements: items
-          .filter(result => result.attribute === currentItem.attribute)
+          .filter((result) => result.attribute === currentItem.attribute)
           // We want to keep the order of refinements except the numeric ones.
           .sort((a, b) =>
             a.type === 'numeric' ? (a.value as number) - (b.value as number) : 0
           ),
-        refine: refinement => clearRefinement(helper, refinement),
+        refine: (refinement) => clearRefinement(helper, refinement),
       },
     ],
     []
@@ -391,7 +388,9 @@ function normalizeRefinement(
     normalizedRefinement.count = (refinement as FacetRefinement).count;
   }
   if ((refinement as FacetRefinement).exhaustive !== undefined) {
-    normalizedRefinement.exhaustive = (refinement as FacetRefinement).exhaustive;
+    normalizedRefinement.exhaustive = (
+      refinement as FacetRefinement
+    ).exhaustive;
   }
 
   return normalizedRefinement;
diff --git a/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts b/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts
index 978228909e..cbb77e3e2f 100644
--- a/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts
+++ b/src/connectors/dynamic-widgets/__tests__/connectDynamicWidgets-test.ts
@@ -59,9 +59,8 @@ describe('connectDynamicWidgets', () => {
             }),
           ],
         };
-        const dynamicWidgets = EXPERIMENTAL_connectDynamicWidgets(renderFn)(
-          widgetParams
-        );
+        const dynamicWidgets =
+          EXPERIMENTAL_connectDynamicWidgets(renderFn)(widgetParams);
 
         const parent = index({ indexName: 'test' }).addWidgets([
           dynamicWidgets,
@@ -136,9 +135,8 @@ describe('connectDynamicWidgets', () => {
             }),
           ],
         };
-        const dynamicWidgets = EXPERIMENTAL_connectDynamicWidgets(renderFn)(
-          widgetParams
-        );
+        const dynamicWidgets =
+          EXPERIMENTAL_connectDynamicWidgets(renderFn)(widgetParams);
 
         dynamicWidgets.render!(createRenderOptions());
 
@@ -165,9 +163,8 @@ describe('connectDynamicWidgets', () => {
             }),
           ],
         };
-        const dynamicWidgets = EXPERIMENTAL_connectDynamicWidgets(renderFn)(
-          widgetParams
-        );
+        const dynamicWidgets =
+          EXPERIMENTAL_connectDynamicWidgets(renderFn)(widgetParams);
 
         dynamicWidgets.render!(createRenderOptions());
 
@@ -634,9 +631,8 @@ describe('connectDynamicWidgets', () => {
           connectHierarchicalMenu(() => {})({ attributes: ['test2', 'test3'] }),
         ],
       };
-      const dynamicWidgets = EXPERIMENTAL_connectDynamicWidgets(renderFn)(
-        widgetParams
-      );
+      const dynamicWidgets =
+        EXPERIMENTAL_connectDynamicWidgets(renderFn)(widgetParams);
 
       const existingRenderState = {};
 
@@ -661,9 +657,8 @@ describe('connectDynamicWidgets', () => {
           connectHierarchicalMenu(() => {})({ attributes: ['test2', 'test3'] }),
         ],
       };
-      const dynamicWidgets = EXPERIMENTAL_connectDynamicWidgets(renderFn)(
-        widgetParams
-      );
+      const dynamicWidgets =
+        EXPERIMENTAL_connectDynamicWidgets(renderFn)(widgetParams);
 
       const existingRenderState = {};
 
diff --git a/src/connectors/dynamic-widgets/connectDynamicWidgets.ts b/src/connectors/dynamic-widgets/connectDynamicWidgets.ts
index 2431e69e7a..17e1ae7b08 100644
--- a/src/connectors/dynamic-widgets/connectDynamicWidgets.ts
+++ b/src/connectors/dynamic-widgets/connectDynamicWidgets.ts
@@ -37,129 +37,125 @@ export type DynamicWidgetsConnector = Connector<
   DynamicWidgetsConnectorParams
 >;
 
-const connectDynamicWidgets: DynamicWidgetsConnector = function connectDynamicWidgets(
-  renderFn,
-  unmountFn = noop
-) {
-  checkRendering(renderFn, withUsage());
-
-  return widgetParams => {
-    const { widgets, transformItems = items => items } = widgetParams;
-
-    if (
-      !widgets ||
-      !Array.isArray(widgets) ||
-      widgets.some(widget => typeof widget !== 'object')
-    ) {
-      throw new Error(
-        withUsage('The `widgets` option expects an array of widgets.')
-      );
-    }
-
-    if (
-      !widgets ||
-      !Array.isArray(widgets) ||
-      widgets.some(widget => typeof widget !== 'object')
-    ) {
-      throw new Error(
-        withUsage('The `widgets` option expects an array of widgets.')
-      );
-    }
-
-    const localWidgets: Map<
-      string,
-      { widget: Widget; isMounted: boolean }
-    > = new Map();
-
-    return {
-      $$type: 'ais.dynamicWidgets',
-      init(initOptions) {
-        widgets.forEach(widget => {
-          const attribute = getWidgetAttribute(widget, initOptions);
-          localWidgets.set(attribute, { widget, isMounted: true });
-        });
-        initOptions.parent!.addWidgets(widgets);
-
-        renderFn(
-          {
-            ...this.getWidgetRenderState(initOptions),
-            instantSearchInstance: initOptions.instantSearchInstance,
-          },
-          true
+const connectDynamicWidgets: DynamicWidgetsConnector =
+  function connectDynamicWidgets(renderFn, unmountFn = noop) {
+    checkRendering(renderFn, withUsage());
+
+    return (widgetParams) => {
+      const { widgets, transformItems = (items) => items } = widgetParams;
+
+      if (
+        !widgets ||
+        !Array.isArray(widgets) ||
+        widgets.some((widget) => typeof widget !== 'object')
+      ) {
+        throw new Error(
+          withUsage('The `widgets` option expects an array of widgets.')
         );
-      },
-      render(renderOptions) {
-        const { parent } = renderOptions;
-        const renderState = this.getWidgetRenderState(renderOptions);
-
-        const widgetsToUnmount: Widget[] = [];
-        const widgetsToMount: Widget[] = [];
-
-        localWidgets.forEach(({ widget, isMounted }, attribute) => {
-          const shouldMount =
-            renderState.attributesToRender.indexOf(attribute) > -1;
-
-          if (!isMounted && shouldMount) {
-            widgetsToMount.push(widget);
-            localWidgets.set(attribute, {
-              widget,
-              isMounted: true,
-            });
-          } else if (isMounted && !shouldMount) {
-            widgetsToUnmount.push(widget);
-            localWidgets.set(attribute, {
-              widget,
-              isMounted: false,
-            });
+      }
+
+      if (
+        !widgets ||
+        !Array.isArray(widgets) ||
+        widgets.some((widget) => typeof widget !== 'object')
+      ) {
+        throw new Error(
+          withUsage('The `widgets` option expects an array of widgets.')
+        );
+      }
+
+      const localWidgets: Map<string, { widget: Widget; isMounted: boolean }> =
+        new Map();
+
+      return {
+        $$type: 'ais.dynamicWidgets',
+        init(initOptions) {
+          widgets.forEach((widget) => {
+            const attribute = getWidgetAttribute(widget, initOptions);
+            localWidgets.set(attribute, { widget, isMounted: true });
+          });
+          initOptions.parent!.addWidgets(widgets);
+
+          renderFn(
+            {
+              ...this.getWidgetRenderState(initOptions),
+              instantSearchInstance: initOptions.instantSearchInstance,
+            },
+            true
+          );
+        },
+        render(renderOptions) {
+          const { parent } = renderOptions;
+          const renderState = this.getWidgetRenderState(renderOptions);
+
+          const widgetsToUnmount: Widget[] = [];
+          const widgetsToMount: Widget[] = [];
+
+          localWidgets.forEach(({ widget, isMounted }, attribute) => {
+            const shouldMount =
+              renderState.attributesToRender.indexOf(attribute) > -1;
+
+            if (!isMounted && shouldMount) {
+              widgetsToMount.push(widget);
+              localWidgets.set(attribute, {
+                widget,
+                isMounted: true,
+              });
+            } else if (isMounted && !shouldMount) {
+              widgetsToUnmount.push(widget);
+              localWidgets.set(attribute, {
+                widget,
+                isMounted: false,
+              });
+            }
+          });
+
+          parent!.addWidgets(widgetsToMount);
+          // make sure this only happens after the regular render, otherwise it
+          // happens too quick, since render is "deferred" for the next microtask,
+          // so this needs to be a whole task later
+          setTimeout(() => parent!.removeWidgets(widgetsToUnmount), 0);
+
+          renderFn(
+            {
+              ...renderState,
+              instantSearchInstance: renderOptions.instantSearchInstance,
+            },
+            false
+          );
+        },
+        dispose({ parent }) {
+          const toRemove: Widget[] = [];
+          localWidgets.forEach(({ widget, isMounted }) => {
+            if (isMounted) {
+              toRemove.push(widget);
+            }
+          });
+          parent!.removeWidgets(toRemove);
+
+          unmountFn();
+        },
+        getRenderState(renderState, renderOptions) {
+          return {
+            ...renderState,
+            dynamicWidgets: this.getWidgetRenderState(renderOptions),
+          };
+        },
+        getWidgetRenderState({ results }) {
+          if (!results) {
+            return { attributesToRender: [], widgetParams };
           }
-        });
 
-        parent!.addWidgets(widgetsToMount);
-        // make sure this only happens after the regular render, otherwise it
-        // happens too quick, since render is "deferred" for the next microtask,
-        // so this needs to be a whole task later
-        setTimeout(() => parent!.removeWidgets(widgetsToUnmount), 0);
+          const attributesToRender =
+            results.renderingContent?.facetOrdering?.facets?.order ?? [];
 
-        renderFn(
-          {
-            ...renderState,
-            instantSearchInstance: renderOptions.instantSearchInstance,
-          },
-          false
-        );
-      },
-      dispose({ parent }) {
-        const toRemove: Widget[] = [];
-        localWidgets.forEach(({ widget, isMounted }) => {
-          if (isMounted) {
-            toRemove.push(widget);
-          }
-        });
-        parent!.removeWidgets(toRemove);
-
-        unmountFn();
-      },
-      getRenderState(renderState, renderOptions) {
-        return {
-          ...renderState,
-          dynamicWidgets: this.getWidgetRenderState(renderOptions),
-        };
-      },
-      getWidgetRenderState({ results }) {
-        if (!results) {
-          return { attributesToRender: [], widgetParams };
-        }
-
-        const attributesToRender =
-          results.renderingContent?.facetOrdering?.facets?.order ?? [];
-
-        return {
-          attributesToRender: transformItems(attributesToRender, { results }),
-          widgetParams,
-        };
-      },
+          return {
+            attributesToRender: transformItems(attributesToRender, { results }),
+            widgetParams,
+          };
+        },
+      };
     };
   };
-};
 
 export default connectDynamicWidgets;
diff --git a/src/connectors/geo-search/__tests__/connectGeoSearch-test.ts b/src/connectors/geo-search/__tests__/connectGeoSearch-test.ts
index c25051a462..e7dfa05cd4 100644
--- a/src/connectors/geo-search/__tests__/connectGeoSearch-test.ts
+++ b/src/connectors/geo-search/__tests__/connectGeoSearch-test.ts
@@ -280,8 +280,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
 
     const customGeoSearch = connectGeoSearch(render, unmount);
     const widget = customGeoSearch({
-      transformItems: items =>
-        items.map(item => ({
+      transformItems: (items) =>
+        items.map((item) => ({
           ...item,
           _geoloc: {
             lat: 20,
diff --git a/src/connectors/geo-search/connectGeoSearch.ts b/src/connectors/geo-search/connectGeoSearch.ts
index 9cd204a2ff..b6ce749cad 100644
--- a/src/connectors/geo-search/connectGeoSearch.ts
+++ b/src/connectors/geo-search/connectGeoSearch.ts
@@ -27,12 +27,12 @@ const withUsage = createDocumentationMessageGenerator({
 // even though in the helper it's defined as number[][] alone.
 // This can be done, since the connector assumes "control" of the parameter
 function getBoundingBoxAsString(state: SearchParameters) {
-  return ((state.insideBoundingBox as unknown) as string) || '';
+  return (state.insideBoundingBox as unknown as string) || '';
 }
 function setBoundingBoxAsString(state: SearchParameters, value: string) {
   return state.setQueryParameter(
     'insideBoundingBox',
-    (value as unknown) as number[][]
+    value as unknown as number[][]
   );
 }
 
@@ -153,10 +153,10 @@ export type GeoSearchConnector = Connector<
 const connectGeoSearch: GeoSearchConnector = (renderFn, unmountFn = noop) => {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       enableRefineOnMapMove = true,
-      transformItems = (items => items) as TransformItems<GeoHit>,
+      transformItems = ((items) => items) as TransformItems<GeoHit>,
     } = widgetParams || {};
 
     const widgetState = {
@@ -178,19 +178,20 @@ const connectGeoSearch: GeoSearchConnector = (renderFn, unmountFn = noop) => {
       state.insideBoundingBox &&
       insideBoundingBoxToBoundingBox(state.insideBoundingBox);
 
-    const refine = (helper: AlgoliaSearchHelper) => ({
-      northEast: ne,
-      southWest: sw,
-    }: Bounds) => {
-      const boundingBox = [ne.lat, ne.lng, sw.lat, sw.lng].join();
+    const refine =
+      (helper: AlgoliaSearchHelper) =>
+      ({ northEast: ne, southWest: sw }: Bounds) => {
+        const boundingBox = [ne.lat, ne.lng, sw.lat, sw.lng].join();
 
-      helper
-        .setState(setBoundingBoxAsString(helper.state, boundingBox).resetPage())
-        .search();
+        helper
+          .setState(
+            setBoundingBoxAsString(helper.state, boundingBox).resetPage()
+          )
+          .search();
 
-      widgetState.hasMapMoveSinceLastRefine = false;
-      widgetState.lastRefineBoundingBox = boundingBox;
-    };
+        widgetState.hasMapMoveSinceLastRefine = false;
+        widgetState.lastRefineBoundingBox = boundingBox;
+      };
 
     const clearMapRefinement = (helper: AlgoliaSearchHelper) => () => {
       helper.setQueryParameter('insideBoundingBox', undefined).search();
@@ -201,40 +202,40 @@ const connectGeoSearch: GeoSearchConnector = (renderFn, unmountFn = noop) => {
 
     const toggleRefineOnMapMove = () =>
       widgetState.internalToggleRefineOnMapMove();
-    const createInternalToggleRefinementOnMapMove = <
-      TRenderOptions extends RenderOptions | InitOptions
-    >(
-      renderOptions: TRenderOptions,
-      // false positive eslint because of generics
-      // eslint-disable-next-line no-shadow
-      render: (renderOptions: TRenderOptions) => void
-    ) => () => {
-      widgetState.isRefineOnMapMove = !widgetState.isRefineOnMapMove;
-
-      render(renderOptions);
-    };
+    const createInternalToggleRefinementOnMapMove =
+      <TRenderOptions extends RenderOptions | InitOptions>(
+        renderOptions: TRenderOptions,
+        // false positive eslint because of generics
+        // eslint-disable-next-line no-shadow
+        render: (renderOptions: TRenderOptions) => void
+      ) =>
+      () => {
+        widgetState.isRefineOnMapMove = !widgetState.isRefineOnMapMove;
+
+        render(renderOptions);
+      };
 
     const isRefineOnMapMove = () => widgetState.isRefineOnMapMove;
 
     const setMapMoveSinceLastRefine = () =>
       widgetState.internalSetMapMoveSinceLastRefine();
-    const createInternalSetMapMoveSinceLastRefine = <
-      TRenderOptions extends RenderOptions | InitOptions
-    >(
-      renderOptions: TRenderOptions,
-      // false positive eslint because of generics
-      // eslint-disable-next-line no-shadow
-      render: (renderOptions: TRenderOptions) => void
-    ) => () => {
-      const shouldTriggerRender =
-        widgetState.hasMapMoveSinceLastRefine !== true;
-
-      widgetState.hasMapMoveSinceLastRefine = true;
-
-      if (shouldTriggerRender) {
-        render(renderOptions);
-      }
-    };
+    const createInternalSetMapMoveSinceLastRefine =
+      <TRenderOptions extends RenderOptions | InitOptions>(
+        renderOptions: TRenderOptions,
+        // false positive eslint because of generics
+        // eslint-disable-next-line no-shadow
+        render: (renderOptions: TRenderOptions) => void
+      ) =>
+      () => {
+        const shouldTriggerRender =
+          widgetState.hasMapMoveSinceLastRefine !== true;
+
+        widgetState.hasMapMoveSinceLastRefine = true;
+
+        if (shouldTriggerRender) {
+          render(renderOptions);
+        }
+      };
 
     const hasMapMoveSinceLastRefine = () =>
       widgetState.hasMapMoveSinceLastRefine;
@@ -248,15 +249,11 @@ const connectGeoSearch: GeoSearchConnector = (renderFn, unmountFn = noop) => {
         const { instantSearchInstance } = initArgs;
         const isFirstRendering = true;
 
-        widgetState.internalToggleRefineOnMapMove = createInternalToggleRefinementOnMapMove(
-          initArgs,
-          noop
-        );
+        widgetState.internalToggleRefineOnMapMove =
+          createInternalToggleRefinementOnMapMove(initArgs, noop);
 
-        widgetState.internalSetMapMoveSinceLastRefine = createInternalSetMapMoveSinceLastRefine(
-          initArgs,
-          noop
-        );
+        widgetState.internalSetMapMoveSinceLastRefine =
+          createInternalSetMapMoveSinceLastRefine(initArgs, noop);
 
         renderFn(
           {
@@ -295,15 +292,17 @@ const connectGeoSearch: GeoSearchConnector = (renderFn, unmountFn = noop) => {
 
         widgetState.lastRefineBoundingBox = getBoundingBoxAsString(state);
 
-        widgetState.internalToggleRefineOnMapMove = createInternalToggleRefinementOnMapMove(
-          renderArgs,
-          this.render!.bind(this)
-        );
+        widgetState.internalToggleRefineOnMapMove =
+          createInternalToggleRefinementOnMapMove(
+            renderArgs,
+            this.render!.bind(this)
+          );
 
-        widgetState.internalSetMapMoveSinceLastRefine = createInternalSetMapMoveSinceLastRefine(
-          renderArgs,
-          this.render!.bind(this)
-        );
+        widgetState.internalSetMapMoveSinceLastRefine =
+          createInternalSetMapMoveSinceLastRefine(
+            renderArgs,
+            this.render!.bind(this)
+          );
 
         const widgetRenderState = this.getWidgetRenderState(renderArgs);
 
@@ -323,7 +322,7 @@ const connectGeoSearch: GeoSearchConnector = (renderFn, unmountFn = noop) => {
         const state = helper.state;
 
         const items = results
-          ? transformItems(results.hits.filter(hit => hit._geoloc))
+          ? transformItems(results.hits.filter((hit) => hit._geoloc))
           : [];
 
         if (!sendEvent) {
diff --git a/src/connectors/hierarchical-menu/__tests__/connectHierarchicalMenu-test.ts b/src/connectors/hierarchical-menu/__tests__/connectHierarchicalMenu-test.ts
index aa3975497d..70e490ec1f 100644
--- a/src/connectors/hierarchical-menu/__tests__/connectHierarchicalMenu-test.ts
+++ b/src/connectors/hierarchical-menu/__tests__/connectHierarchicalMenu-test.ts
@@ -310,8 +310,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hierarchica
     const makeWidget = connectHierarchicalMenu(rendering);
     const widget = makeWidget({
       attributes: ['category', 'subCategory'],
-      transformItems: items =>
-        items.map(item => ({
+      transformItems: (items) =>
+        items.map((item) => ({
           ...item,
           label: 'transformed',
         })),
diff --git a/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts b/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts
index 88c78bd9e6..9624a3af15 100644
--- a/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts
+++ b/src/connectors/hierarchical-menu/connectHierarchicalMenu.ts
@@ -163,290 +163,296 @@ export type HierarchicalMenuConnector = Connector<
  * @param {function} unmountFn Unmount function called when the widget is disposed.
  * @return {function(CustomHierarchicalMenuWidgetParams)} Re-usable widget factory for a custom **HierarchicalMenu** widget.
  */
-const connectHierarchicalMenu: HierarchicalMenuConnector = function connectHierarchicalMenu(
-  renderFn,
-  unmountFn = noop
-) {
-  checkRendering(renderFn, withUsage());
-
-  return widgetParams => {
-    const {
-      attributes,
-      separator = ' > ',
-      rootPath = null,
-      showParentLevel = true,
-      limit = 10,
-      showMore = false,
-      showMoreLimit = 20,
-      sortBy = DEFAULT_SORT,
-      transformItems = (items => items) as TransformItems<HierarchicalMenuItem>,
-    } = widgetParams || {};
-
-    if (!attributes || !Array.isArray(attributes) || attributes.length === 0) {
-      throw new Error(
-        withUsage('The `attributes` option expects an array of strings.')
-      );
-    }
-
-    if (showMore === true && showMoreLimit <= limit) {
-      throw new Error(
-        withUsage('The `showMoreLimit` option must be greater than `limit`.')
-      );
-    }
-
-    type ThisWidget = Widget<
-      HierarchicalMenuWidgetDescription & { widgetParams: typeof widgetParams }
-    >;
-
-    // we need to provide a hierarchicalFacet name for the search state
-    // so that we can always map $hierarchicalFacetName => real attributes
-    // we use the first attribute name
-    const [hierarchicalFacetName] = attributes;
-    let sendEvent: HierarchicalMenuRenderState['sendEvent'];
-
-    // Provide the same function to the `renderFn` so that way the user
-    // has to only bind it once when `isFirstRendering` for instance
-    let toggleShowMore = () => {};
-    function cachedToggleShowMore() {
-      toggleShowMore();
-    }
-
-    let _refine: HierarchicalMenuRenderState['refine'] | undefined;
-
-    let isShowingMore = false;
-
-    function createToggleShowMore(
-      renderOptions: RenderOptions,
-      widget: ThisWidget
-    ) {
-      return () => {
-        isShowingMore = !isShowingMore;
-        widget.render!(renderOptions);
-      };
-    }
-
-    function getLimit() {
-      return isShowingMore ? showMoreLimit : limit;
-    }
-
-    function _prepareFacetValues(
-      facetValues: SearchResults.HierarchicalFacet[]
-    ): HierarchicalMenuItem[] {
-      return facetValues
-        .slice(0, getLimit())
-        .map(({ name: label, path: value, data, ...subValue }) => {
-          const item: HierarchicalMenuItem = {
-            ...subValue,
-            label,
-            value,
-            data: null,
-          };
-          if (Array.isArray(data)) {
-            item.data = _prepareFacetValues(data);
-          }
-          return item;
-        });
-    }
-
-    return {
-      $$type: 'ais.hierarchicalMenu',
-
-      init(initOptions) {
-        const { instantSearchInstance } = initOptions;
-
-        renderFn(
-          {
-            ...this.getWidgetRenderState(initOptions),
-            instantSearchInstance,
-          },
-          true
+const connectHierarchicalMenu: HierarchicalMenuConnector =
+  function connectHierarchicalMenu(renderFn, unmountFn = noop) {
+    checkRendering(renderFn, withUsage());
+
+    return (widgetParams) => {
+      const {
+        attributes,
+        separator = ' > ',
+        rootPath = null,
+        showParentLevel = true,
+        limit = 10,
+        showMore = false,
+        showMoreLimit = 20,
+        sortBy = DEFAULT_SORT,
+        transformItems = ((items) =>
+          items) as TransformItems<HierarchicalMenuItem>,
+      } = widgetParams || {};
+
+      if (
+        !attributes ||
+        !Array.isArray(attributes) ||
+        attributes.length === 0
+      ) {
+        throw new Error(
+          withUsage('The `attributes` option expects an array of strings.')
         );
-      },
-
-      render(renderOptions) {
-        const { instantSearchInstance } = renderOptions;
+      }
 
-        toggleShowMore = createToggleShowMore(renderOptions, this);
-
-        renderFn(
-          {
-            ...this.getWidgetRenderState(renderOptions),
-            instantSearchInstance,
-          },
-          false
+      if (showMore === true && showMoreLimit <= limit) {
+        throw new Error(
+          withUsage('The `showMoreLimit` option must be greater than `limit`.')
         );
-      },
-
-      dispose({ state }) {
-        unmountFn();
-
-        return state
-          .removeHierarchicalFacet(hierarchicalFacetName)
-          .setQueryParameter('maxValuesPerFacet', undefined);
-      },
-
-      getRenderState(renderState, renderOptions) {
-        return {
-          ...renderState,
-          hierarchicalMenu: {
-            ...renderState.hierarchicalMenu,
-            [hierarchicalFacetName]: this.getWidgetRenderState(renderOptions),
-          },
-        };
-      },
-
-      getWidgetRenderState({
-        results,
-        state,
-        createURL,
-        instantSearchInstance,
-        helper,
-      }) {
-        let items: HierarchicalMenuRenderState['items'] = [];
-        let canToggleShowMore = false;
-
-        // Bind createURL to this specific attribute
-        function _createURL(facetValue: string) {
-          return createURL(
-            state
-              .resetPage()
-              .toggleFacetRefinement(hierarchicalFacetName, facetValue)
-          );
-        }
-
-        if (!sendEvent) {
-          sendEvent = createSendEventForFacet({
-            instantSearchInstance,
-            helper,
-            attribute: hierarchicalFacetName,
-            widgetType: this.$$type!,
-          });
-        }
+      }
 
-        if (!_refine) {
-          _refine = function(facetValue) {
-            sendEvent('click', facetValue);
-            helper
-              .toggleFacetRefinement(hierarchicalFacetName, facetValue)
-              .search();
-          };
+      type ThisWidget = Widget<
+        HierarchicalMenuWidgetDescription & {
+          widgetParams: typeof widgetParams;
         }
+      >;
 
-        if (results) {
-          const facetValues = results.getFacetValues(hierarchicalFacetName, {
-            sortBy,
-            facetOrdering: sortBy === DEFAULT_SORT,
+      // we need to provide a hierarchicalFacet name for the search state
+      // so that we can always map $hierarchicalFacetName => real attributes
+      // we use the first attribute name
+      const [hierarchicalFacetName] = attributes;
+      let sendEvent: HierarchicalMenuRenderState['sendEvent'];
+
+      // Provide the same function to the `renderFn` so that way the user
+      // has to only bind it once when `isFirstRendering` for instance
+      let toggleShowMore = () => {};
+      function cachedToggleShowMore() {
+        toggleShowMore();
+      }
+
+      let _refine: HierarchicalMenuRenderState['refine'] | undefined;
+
+      let isShowingMore = false;
+
+      function createToggleShowMore(
+        renderOptions: RenderOptions,
+        widget: ThisWidget
+      ) {
+        return () => {
+          isShowingMore = !isShowingMore;
+          widget.render!(renderOptions);
+        };
+      }
+
+      function getLimit() {
+        return isShowingMore ? showMoreLimit : limit;
+      }
+
+      function _prepareFacetValues(
+        facetValues: SearchResults.HierarchicalFacet[]
+      ): HierarchicalMenuItem[] {
+        return facetValues
+          .slice(0, getLimit())
+          .map(({ name: label, path: value, data, ...subValue }) => {
+            const item: HierarchicalMenuItem = {
+              ...subValue,
+              label,
+              value,
+              data: null,
+            };
+            if (Array.isArray(data)) {
+              item.data = _prepareFacetValues(data);
+            }
+            return item;
           });
-          const facetItems =
-            facetValues && !Array.isArray(facetValues) && facetValues.data
-              ? facetValues.data
-              : [];
-
-          // If the limit is the max number of facet retrieved it is impossible to know
-          // if the facets are exhaustive. The only moment we are sure it is exhaustive
-          // is when it is strictly under the number requested unless we know that another
-          // widget has requested more values (maxValuesPerFacet > getLimit()).
-          // Because this is used for making the search of facets unable or not, it is important
-          // to be conservative here.
-          const hasExhaustiveItems =
-            (state.maxValuesPerFacet || 0) > getLimit()
-              ? facetItems.length <= getLimit()
-              : facetItems.length < getLimit();
-
-          canToggleShowMore =
-            showMore && (isShowingMore || !hasExhaustiveItems);
-
-          items = transformItems(_prepareFacetValues(facetItems));
-        }
+      }
 
-        return {
-          items,
-          refine: _refine,
-          canRefine: items.length > 0,
-          createURL: _createURL,
-          sendEvent,
-          widgetParams,
-          isShowingMore,
-          toggleShowMore: cachedToggleShowMore,
-          canToggleShowMore,
-        };
-      },
+      return {
+        $$type: 'ais.hierarchicalMenu',
 
-      getWidgetUiState(uiState, { searchParameters }) {
-        const path = searchParameters.getHierarchicalFacetBreadcrumb(
-          hierarchicalFacetName
-        );
+        init(initOptions) {
+          const { instantSearchInstance } = initOptions;
 
-        if (!path.length) {
-          return uiState;
-        }
+          renderFn(
+            {
+              ...this.getWidgetRenderState(initOptions),
+              instantSearchInstance,
+            },
+            true
+          );
+        },
 
-        return {
-          ...uiState,
-          hierarchicalMenu: {
-            ...uiState.hierarchicalMenu,
-            [hierarchicalFacetName]: path,
-          },
-        };
-      },
+        render(renderOptions) {
+          const { instantSearchInstance } = renderOptions;
 
-      getWidgetSearchParameters(searchParameters, { uiState }) {
-        const values =
-          uiState.hierarchicalMenu &&
-          uiState.hierarchicalMenu[hierarchicalFacetName];
+          toggleShowMore = createToggleShowMore(renderOptions, this);
 
-        if (searchParameters.isHierarchicalFacet(hierarchicalFacetName)) {
-          const facet = searchParameters.getHierarchicalFacetByName(
-            hierarchicalFacetName
+          renderFn(
+            {
+              ...this.getWidgetRenderState(renderOptions),
+              instantSearchInstance,
+            },
+            false
           );
+        },
+
+        dispose({ state }) {
+          unmountFn();
+
+          return state
+            .removeHierarchicalFacet(hierarchicalFacetName)
+            .setQueryParameter('maxValuesPerFacet', undefined);
+        },
+
+        getRenderState(renderState, renderOptions) {
+          return {
+            ...renderState,
+            hierarchicalMenu: {
+              ...renderState.hierarchicalMenu,
+              [hierarchicalFacetName]: this.getWidgetRenderState(renderOptions),
+            },
+          };
+        },
+
+        getWidgetRenderState({
+          results,
+          state,
+          createURL,
+          instantSearchInstance,
+          helper,
+        }) {
+          let items: HierarchicalMenuRenderState['items'] = [];
+          let canToggleShowMore = false;
+
+          // Bind createURL to this specific attribute
+          function _createURL(facetValue: string) {
+            return createURL(
+              state
+                .resetPage()
+                .toggleFacetRefinement(hierarchicalFacetName, facetValue)
+            );
+          }
 
-          warning(
-            isEqual(facet.attributes, attributes) &&
-              facet.separator === separator &&
-              facet.rootPath === rootPath,
-            'Using Breadcrumb and HierarchicalMenu on the same facet with different options overrides the configuration of the HierarchicalMenu.'
-          );
-        }
+          if (!sendEvent) {
+            sendEvent = createSendEventForFacet({
+              instantSearchInstance,
+              helper,
+              attribute: hierarchicalFacetName,
+              widgetType: this.$$type!,
+            });
+          }
 
-        const withFacetConfiguration = searchParameters
-          .removeHierarchicalFacet(hierarchicalFacetName)
-          .addHierarchicalFacet({
-            name: hierarchicalFacetName,
-            attributes,
-            separator,
-            rootPath,
-            showParentLevel,
-          });
+          if (!_refine) {
+            _refine = function (facetValue) {
+              sendEvent('click', facetValue);
+              helper
+                .toggleFacetRefinement(hierarchicalFacetName, facetValue)
+                .search();
+            };
+          }
 
-        const currentMaxValuesPerFacet =
-          withFacetConfiguration.maxValuesPerFacet || 0;
+          if (results) {
+            const facetValues = results.getFacetValues(hierarchicalFacetName, {
+              sortBy,
+              facetOrdering: sortBy === DEFAULT_SORT,
+            });
+            const facetItems =
+              facetValues && !Array.isArray(facetValues) && facetValues.data
+                ? facetValues.data
+                : [];
+
+            // If the limit is the max number of facet retrieved it is impossible to know
+            // if the facets are exhaustive. The only moment we are sure it is exhaustive
+            // is when it is strictly under the number requested unless we know that another
+            // widget has requested more values (maxValuesPerFacet > getLimit()).
+            // Because this is used for making the search of facets unable or not, it is important
+            // to be conservative here.
+            const hasExhaustiveItems =
+              (state.maxValuesPerFacet || 0) > getLimit()
+                ? facetItems.length <= getLimit()
+                : facetItems.length < getLimit();
+
+            canToggleShowMore =
+              showMore && (isShowingMore || !hasExhaustiveItems);
+
+            items = transformItems(_prepareFacetValues(facetItems));
+          }
 
-        const nextMaxValuesPerFacet = Math.max(
-          currentMaxValuesPerFacet,
-          showMore ? showMoreLimit : limit
-        );
+          return {
+            items,
+            refine: _refine,
+            canRefine: items.length > 0,
+            createURL: _createURL,
+            sendEvent,
+            widgetParams,
+            isShowingMore,
+            toggleShowMore: cachedToggleShowMore,
+            canToggleShowMore,
+          };
+        },
 
-        const withMaxValuesPerFacet = withFacetConfiguration.setQueryParameter(
-          'maxValuesPerFacet',
-          nextMaxValuesPerFacet
-        );
+        getWidgetUiState(uiState, { searchParameters }) {
+          const path = searchParameters.getHierarchicalFacetBreadcrumb(
+            hierarchicalFacetName
+          );
+
+          if (!path.length) {
+            return uiState;
+          }
 
-        if (!values) {
-          return withMaxValuesPerFacet.setQueryParameters({
-            hierarchicalFacetsRefinements: {
-              ...withMaxValuesPerFacet.hierarchicalFacetsRefinements,
-              [hierarchicalFacetName]: [],
+          return {
+            ...uiState,
+            hierarchicalMenu: {
+              ...uiState.hierarchicalMenu,
+              [hierarchicalFacetName]: path,
             },
-          });
-        }
+          };
+        },
+
+        getWidgetSearchParameters(searchParameters, { uiState }) {
+          const values =
+            uiState.hierarchicalMenu &&
+            uiState.hierarchicalMenu[hierarchicalFacetName];
+
+          if (searchParameters.isHierarchicalFacet(hierarchicalFacetName)) {
+            const facet = searchParameters.getHierarchicalFacetByName(
+              hierarchicalFacetName
+            );
+
+            warning(
+              isEqual(facet.attributes, attributes) &&
+                facet.separator === separator &&
+                facet.rootPath === rootPath,
+              'Using Breadcrumb and HierarchicalMenu on the same facet with different options overrides the configuration of the HierarchicalMenu.'
+            );
+          }
 
-        return withMaxValuesPerFacet.addHierarchicalFacetRefinement(
-          hierarchicalFacetName,
-          values.join(separator)
-        );
-      },
+          const withFacetConfiguration = searchParameters
+            .removeHierarchicalFacet(hierarchicalFacetName)
+            .addHierarchicalFacet({
+              name: hierarchicalFacetName,
+              attributes,
+              separator,
+              rootPath,
+              showParentLevel,
+            });
+
+          const currentMaxValuesPerFacet =
+            withFacetConfiguration.maxValuesPerFacet || 0;
+
+          const nextMaxValuesPerFacet = Math.max(
+            currentMaxValuesPerFacet,
+            showMore ? showMoreLimit : limit
+          );
+
+          const withMaxValuesPerFacet =
+            withFacetConfiguration.setQueryParameter(
+              'maxValuesPerFacet',
+              nextMaxValuesPerFacet
+            );
+
+          if (!values) {
+            return withMaxValuesPerFacet.setQueryParameters({
+              hierarchicalFacetsRefinements: {
+                ...withMaxValuesPerFacet.hierarchicalFacetsRefinements,
+                [hierarchicalFacetName]: [],
+              },
+            });
+          }
+
+          return withMaxValuesPerFacet.addHierarchicalFacetRefinement(
+            hierarchicalFacetName,
+            values.join(separator)
+          );
+        },
+      };
     };
   };
-};
 
 export default connectHierarchicalMenu;
diff --git a/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts b/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts
index db5937f4db..d0ee1e61df 100644
--- a/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts
+++ b/src/connectors/hits-per-page/__tests__/connectHitsPerPage-test.ts
@@ -185,8 +185,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits-per-pa
         { value: 3, label: '3 items per page', default: true },
         { value: 10, label: '10 items per page' },
       ],
-      transformItems: items =>
-        items.map(item => ({ ...item, label: 'transformed' })),
+      transformItems: (items) =>
+        items.map((item) => ({ ...item, label: 'transformed' })),
     });
 
     const searchClient = createSearchClient();
@@ -346,7 +346,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits-per-pa
       createInitOptions({
         helper,
         state: helper.state,
-        createURL: state => JSON.stringify(state),
+        createURL: (state) => JSON.stringify(state),
       })
     );
 
@@ -361,7 +361,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits-per-pa
           createSingleSearchResponse(),
         ]),
         state: helper.state,
-        createURL: state => JSON.stringify(state),
+        createURL: (state) => JSON.stringify(state),
       })
     );
 
diff --git a/src/connectors/hits-per-page/connectHitsPerPage.ts b/src/connectors/hits-per-page/connectHitsPerPage.ts
index 80ab4db44f..cf7050ecfd 100644
--- a/src/connectors/hits-per-page/connectHitsPerPage.ts
+++ b/src/connectors/hits-per-page/connectHitsPerPage.ts
@@ -117,12 +117,11 @@ const connectHitsPerPage: HitsPerPageConnector = function connectHitsPerPage(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       items: userItems,
-      transformItems = (items => items) as TransformItems<
-        HitsPerPageRenderStateItem
-      >,
+      transformItems = ((items) =>
+        items) as TransformItems<HitsPerPageRenderStateItem>,
     } = widgetParams || {};
 
     if (!Array.isArray(userItems)) {
@@ -133,7 +132,7 @@ const connectHitsPerPage: HitsPerPageConnector = function connectHitsPerPage(
 
     let items = userItems;
 
-    const defaultItems = items.filter(item => item.default === true);
+    const defaultItems = items.filter((item) => item.default === true);
 
     if (defaultItems.length === 0) {
       throw new Error(
@@ -150,7 +149,7 @@ const connectHitsPerPage: HitsPerPageConnector = function connectHitsPerPage(
     const defaultItem = defaultItems[0];
 
     const normalizeItems = ({ hitsPerPage }: SearchParameters) => {
-      return items.map(item => ({
+      return items.map((item) => ({
         ...item,
         isRefined: Number(item.value) === Number(hitsPerPage),
       }));
@@ -167,20 +166,22 @@ const connectHitsPerPage: HitsPerPageConnector = function connectHitsPerPage(
     };
 
     const connectorState: ConnectorState = {
-      getRefine: helper => value => {
+      getRefine: (helper) => (value) => {
         return !value && value !== 0
           ? helper.setQueryParameter('hitsPerPage', undefined).search()
           : helper.setQueryParameter('hitsPerPage', value).search();
       },
-      createURLFactory: ({ state, createURL }) => value =>
-        createURL(
-          state
-            .resetPage()
-            .setQueryParameter(
-              'hitsPerPage',
-              !value && value !== 0 ? undefined : value
-            )
-        ),
+      createURLFactory:
+        ({ state, createURL }) =>
+        (value) =>
+          createURL(
+            state
+              .resetPage()
+              .setQueryParameter(
+                'hitsPerPage',
+                !value && value !== 0 ? undefined : value
+              )
+          ),
     };
 
     return {
@@ -190,7 +191,7 @@ const connectHitsPerPage: HitsPerPageConnector = function connectHitsPerPage(
         const { state, instantSearchInstance } = initOptions;
 
         const isCurrentInOptions = items.some(
-          item => Number(state.hitsPerPage) === Number(item.value)
+          (item) => Number(state.hitsPerPage) === Number(item.value)
         );
 
         if (!isCurrentInOptions) {
@@ -214,7 +215,7 @@ You may want to add another entry to the \`items\` option with this value.`
 
           items = [
             // The helper will convert the empty string to `undefined`.
-            { value: ('' as unknown) as number, label: '' },
+            { value: '' as unknown as number, label: '' },
             ...items,
           ];
         }
diff --git a/src/connectors/hits/__tests__/connectHits-test.ts b/src/connectors/hits/__tests__/connectHits-test.ts
index 81e12dab97..a1f820bff8 100644
--- a/src/connectors/hits/__tests__/connectHits-test.ts
+++ b/src/connectors/hits/__tests__/connectHits-test.ts
@@ -17,7 +17,7 @@ jest.mock('../../../lib/utils/hits-absolute-position', () => ({
   // The real implementation creates a new array instance, which can cause bugs,
   // especially with the __escaped mark, we thus make sure the mock also has the
   // same behavior regarding the array.
-  addAbsolutePosition: (hits: Hit[]) => hits.map(x => x),
+  addAbsolutePosition: (hits: Hit[]) => hits.map((x) => x),
 }));
 
 describe('connectHits', () => {
@@ -118,7 +118,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       { objectID: '2', sample: 'infos' },
     ];
 
-    ((hits as unknown) as EscapedHits).__escaped = true;
+    (hits as unknown as EscapedHits).__escaped = true;
 
     const results = new SearchResults(helper.state, [
       createSingleSearchResponse({ hits }),
@@ -200,7 +200,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       },
     ];
 
-    ((expectedHits as unknown) as EscapedHits).__escaped = true;
+    (expectedHits as unknown as EscapedHits).__escaped = true;
 
     expect(renderFn).toHaveBeenLastCalledWith(
       expect.objectContaining({
@@ -215,8 +215,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
     const renderFn = jest.fn();
     const makeWidget = connectHits(renderFn);
     const widget = makeWidget({
-      transformItems: items =>
-        items.map(item => ({ ...item, name: 'transformed' })),
+      transformItems: (items) =>
+        items.map((item) => ({ ...item, name: 'transformed' })),
     });
 
     const helper = algoliasearchHelper(createSearchClient(), '', {});
@@ -255,7 +255,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       { objectID: '1', name: 'transformed' },
       { objectID: '2', name: 'transformed' },
     ];
-    ((expectedHits as unknown) as EscapedHits).__escaped = true;
+    (expectedHits as unknown as EscapedHits).__escaped = true;
 
     expect(renderFn).toHaveBeenNthCalledWith(
       2,
@@ -303,7 +303,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       { objectID: '2', name: 'name 2', __queryID: 'theQueryID' },
     ];
 
-    ((expectedHits as unknown) as EscapedHits).__escaped = true;
+    (expectedHits as unknown as EscapedHits).__escaped = true;
 
     expect(renderFn).toHaveBeenNthCalledWith(
       2,
@@ -318,8 +318,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
     const renderFn = jest.fn();
     const makeWidget = connectHits(renderFn);
     const widget = makeWidget({
-      transformItems: items =>
-        items.map(item => {
+      transformItems: (items) =>
+        items.map((item) => {
           const highlightResult = item._highlightResult!
             .name as HitAttributeHighlightResult;
 
@@ -328,8 +328,9 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
             _highlightResult: {
               name: {
                 ...highlightResult,
-                value: (item._highlightResult!
-                  .name as HitAttributeHighlightResult).value.toUpperCase(),
+                value: (
+                  item._highlightResult!.name as HitAttributeHighlightResult
+                ).value.toUpperCase(),
               },
             },
           };
@@ -409,7 +410,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       },
     ];
 
-    ((expectedHits as unknown) as EscapedHits).__escaped = true;
+    (expectedHits as unknown as EscapedHits).__escaped = true;
 
     expect(renderFn).toHaveBeenNthCalledWith(
       2,
@@ -450,7 +451,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       })
     );
 
-    expect(((results.hits as unknown) as EscapedHits).__escaped).toBe(true);
+    expect((results.hits as unknown as EscapedHits).__escaped).toBe(true);
   });
 
   describe('getRenderState', () => {
@@ -499,7 +500,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
         { objectID: '2', name: 'name 2', __queryID: 'theQueryID' },
       ];
 
-      ((expectedHits as unknown) as EscapedHits).__escaped = true;
+      (expectedHits as unknown as EscapedHits).__escaped = true;
 
       expect(renderState2.hits).toEqual({
         hits: expectedHits,
@@ -555,7 +556,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
         { objectID: '2', name: 'name 2', __queryID: 'theQueryID' },
       ];
 
-      ((expectedHits as unknown) as EscapedHits).__escaped = true;
+      (expectedHits as unknown as EscapedHits).__escaped = true;
 
       expect(renderState2).toEqual({
         hits: expectedHits,
@@ -759,18 +760,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
         });
 
         it('sends click event', () => {
-          const {
-            instantSearchInstance,
-            renderFn,
-            hits,
-          } = createRenderedWidget();
+          const { instantSearchInstance, renderFn, hits } =
+            createRenderedWidget();
           expect(
             instantSearchInstance.sendEventToInsights
           ).toHaveBeenCalledTimes(1); // view event by render
 
-          const { sendEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { sendEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           sendEvent('click', hits[0], 'Product Added');
           expect(
             instantSearchInstance.sendEventToInsights
@@ -800,18 +797,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
         });
 
         it('sends conversion event', () => {
-          const {
-            instantSearchInstance,
-            renderFn,
-            hits,
-          } = createRenderedWidget();
+          const { instantSearchInstance, renderFn, hits } =
+            createRenderedWidget();
           expect(
             instantSearchInstance.sendEventToInsights
           ).toHaveBeenCalledTimes(1); // view event by render
 
-          const { sendEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { sendEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           sendEvent('conversion', hits[1], 'Product Ordered');
           expect(
             instantSearchInstance.sendEventToInsights
@@ -843,9 +836,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
       describe('bindEvent', () => {
         it('returns a payload for click event', () => {
           const { renderFn, hits } = createRenderedWidget();
-          const { bindEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { bindEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           const payload = bindEvent('click', hits[0], 'Product Added');
           expect(payload.startsWith('data-insights-event=')).toBe(true);
           expect(
@@ -874,9 +866,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hits/js/#co
 
         it('returns a payload for conversion event', () => {
           const { renderFn, hits } = createRenderedWidget();
-          const { bindEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { bindEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           const payload = bindEvent('conversion', hits[1], 'Product Ordered');
           expect(payload.startsWith('data-insights-event=')).toBe(true);
           expect(
diff --git a/src/connectors/hits/connectHits.ts b/src/connectors/hits/connectHits.ts
index fb1d0b92ba..1ad4afbfdf 100644
--- a/src/connectors/hits/connectHits.ts
+++ b/src/connectors/hits/connectHits.ts
@@ -80,10 +80,10 @@ const connectHits: HitsConnector = function connectHits(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       escapeHTML = true,
-      transformItems = (items => items) as TransformItems<Hit>,
+      transformItems = ((items) => items) as TransformItems<Hit>,
     } = widgetParams || {};
     let sendEvent: SendEventForHits;
     let bindEvent: BindEventForHits;
@@ -167,9 +167,8 @@ const connectHits: HitsConnector = function connectHits(
         // Make sure the escaped tag stays, even after mapping over the hits.
         // This prevents the hits from being double-escaped if there are multiple
         // hits widgets mounted on the page.
-        (results.hits as ReturnType<
-          typeof escapeHits
-        >).__escaped = initialEscaped;
+        (results.hits as ReturnType<typeof escapeHits>).__escaped =
+          initialEscaped;
 
         return {
           hits: results.hits,
diff --git a/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts b/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts
index 462e8b611d..081a448d57 100644
--- a/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts
+++ b/src/connectors/infinite-hits/__tests__/connectInfiniteHits-test.ts
@@ -18,7 +18,7 @@ jest.mock('../../../lib/utils/hits-absolute-position', () => ({
   // The real implementation creates a new array instance, which can cause bugs,
   // especially with the __escaped mark, we thus make sure the mock also has the
   // same behavior regarding the array.
-  addAbsolutePosition: (hits: Hit[]) => hits.map(x => x),
+  addAbsolutePosition: (hits: Hit[]) => hits.map((x) => x),
 }));
 
 describe('connectInfiniteHits', () => {
@@ -505,8 +505,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
     const renderFn = jest.fn();
     const makeWidget = connectInfiniteHits(renderFn);
     const widget = makeWidget({
-      transformItems: items => {
-        return items.map(item => ({ ...item, name: 'transformed' }));
+      transformItems: (items) => {
+        return items.map((item) => ({ ...item, name: 'transformed' }));
       },
     });
 
@@ -567,8 +567,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
     const renderFn = jest.fn();
     const makeWidget = connectInfiniteHits(renderFn);
     const widget = makeWidget({
-      transformItems: items =>
-        items.map(item => {
+      transformItems: (items) =>
+        items.map((item) => {
           const name = item._highlightResult!
             .name as HitAttributeHighlightResult;
 
@@ -1169,9 +1169,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
         results,
       });
 
-      const renderState2 = infiniteHitsWidget.getWidgetRenderState(
-        renderOptions
-      );
+      const renderState2 =
+        infiniteHitsWidget.getWidgetRenderState(renderOptions);
 
       const expectedHits = [
         { objectID: '1', name: 'name 1', __queryID: 'theQueryID' },
@@ -1385,18 +1384,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
         });
 
         it('sends click event', () => {
-          const {
-            instantSearchInstance,
-            renderFn,
-            hits,
-          } = createRenderedWidget();
+          const { instantSearchInstance, renderFn, hits } =
+            createRenderedWidget();
           expect(
             instantSearchInstance.sendEventToInsights
           ).toHaveBeenCalledTimes(1); // view event by render
 
-          const { sendEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { sendEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           sendEvent('click', hits[0], 'Product Added');
           expect(
             instantSearchInstance.sendEventToInsights
@@ -1426,18 +1421,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
         });
 
         it('sends conversion event', () => {
-          const {
-            instantSearchInstance,
-            renderFn,
-            hits,
-          } = createRenderedWidget();
+          const { instantSearchInstance, renderFn, hits } =
+            createRenderedWidget();
           expect(
             instantSearchInstance.sendEventToInsights
           ).toHaveBeenCalledTimes(1); // view event by render
 
-          const { sendEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { sendEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           sendEvent('conversion', hits[1], 'Product Ordered');
           expect(
             instantSearchInstance.sendEventToInsights
@@ -1469,9 +1460,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
       describe('bindEvent', () => {
         it('returns a payload for click event', () => {
           const { renderFn, hits } = createRenderedWidget();
-          const { bindEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { bindEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           const payload = bindEvent('click', hits[0], 'Product Added');
           expect(payload.startsWith('data-insights-event=')).toBe(true);
           expect(
@@ -1500,9 +1490,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/infinite-hi
 
         it('returns a payload for conversion event', () => {
           const { renderFn, hits } = createRenderedWidget();
-          const { bindEvent } = renderFn.mock.calls[
-            renderFn.mock.calls.length - 1
-          ][0];
+          const { bindEvent } =
+            renderFn.mock.calls[renderFn.mock.calls.length - 1][0];
           const payload = bindEvent('conversion', hits[1], 'Product Ordered');
           expect(payload.startsWith('data-insights-event=')).toBe(true);
           expect(
diff --git a/src/connectors/infinite-hits/connectInfiniteHits.ts b/src/connectors/infinite-hits/connectInfiniteHits.ts
index 9bc059e99d..2c2d99a5ef 100644
--- a/src/connectors/infinite-hits/connectInfiniteHits.ts
+++ b/src/connectors/infinite-hits/connectInfiniteHits.ts
@@ -185,10 +185,10 @@ const connectInfiniteHits: InfiniteHitsConnector = function connectInfiniteHits(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       escapeHTML = true,
-      transformItems = (items => items) as TransformItems<Hit>,
+      transformItems = ((items) => items) as TransformItems<Hit>,
       cache = getInMemoryCache(),
     } = widgetParams || {};
     let showPrevious: () => void;
@@ -220,31 +220,35 @@ const connectInfiniteHits: InfiniteHitsConnector = function connectInfiniteHits(
       }
     };
 
-    const getShowPrevious = (helper: Helper): (() => void) => () => {
-      // Using the helper's `overrideStateWithoutTriggeringChangeEvent` method
-      // avoid updating the browser URL when the user displays the previous page.
-      helper
-        .overrideStateWithoutTriggeringChangeEvent({
-          ...helper.state,
-          page:
-            getFirstReceivedPage(
+    const getShowPrevious =
+      (helper: Helper): (() => void) =>
+      () => {
+        // Using the helper's `overrideStateWithoutTriggeringChangeEvent` method
+        // avoid updating the browser URL when the user displays the previous page.
+        helper
+          .overrideStateWithoutTriggeringChangeEvent({
+            ...helper.state,
+            page:
+              getFirstReceivedPage(
+                helper.state,
+                cache.read({ state: helper.state }) || {}
+              ) - 1,
+          })
+          .searchWithoutTriggeringOnStateChange();
+      };
+
+    const getShowMore =
+      (helper: Helper): (() => void) =>
+      () => {
+        helper
+          .setPage(
+            getLastReceivedPage(
               helper.state,
               cache.read({ state: helper.state }) || {}
-            ) - 1,
-        })
-        .searchWithoutTriggeringOnStateChange();
-    };
-
-    const getShowMore = (helper: Helper): (() => void) => () => {
-      helper
-        .setPage(
-          getLastReceivedPage(
-            helper.state,
-            cache.read({ state: helper.state }) || {}
-          ) + 1
-        )
-        .search();
-    };
+            ) + 1
+          )
+          .search();
+      };
 
     return {
       $$type: 'ais.infiniteHits',
@@ -394,9 +398,8 @@ const connectInfiniteHits: InfiniteHitsConnector = function connectInfiniteHits(
         let widgetSearchParameters = searchParameters;
 
         if (escapeHTML) {
-          widgetSearchParameters = searchParameters.setQueryParameters(
-            TAG_PLACEHOLDER
-          );
+          widgetSearchParameters =
+            searchParameters.setQueryParameters(TAG_PLACEHOLDER);
         }
 
         // The page in the search parameters is decremented by one
diff --git a/src/connectors/menu/__tests__/connectMenu-test.ts b/src/connectors/menu/__tests__/connectMenu-test.ts
index e4cfc093d2..f199a8cff0 100644
--- a/src/connectors/menu/__tests__/connectMenu-test.ts
+++ b/src/connectors/menu/__tests__/connectMenu-test.ts
@@ -398,8 +398,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/#co
   it('provides the correct transformed facet values', () => {
     const widget = makeWidget({
       attribute: 'category',
-      transformItems: items =>
-        items.map(item => ({
+      transformItems: (items) =>
+        items.map((item) => ({
           ...item,
           label: 'transformed',
         })),
diff --git a/src/connectors/menu/connectMenu.ts b/src/connectors/menu/connectMenu.ts
index 17c5784e80..3addf94088 100644
--- a/src/connectors/menu/connectMenu.ts
+++ b/src/connectors/menu/connectMenu.ts
@@ -146,14 +146,14 @@ const connectMenu: MenuConnector = function connectMenu(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       attribute,
       limit = 10,
       showMore = false,
       showMoreLimit = 20,
       sortBy = DEFAULT_SORT,
-      transformItems = (items => items) as TransformItems<MenuItem>,
+      transformItems = ((items) => items) as TransformItems<MenuItem>,
     } = widgetParams || {};
 
     if (!attribute) {
@@ -241,12 +241,8 @@ const connectMenu: MenuConnector = function connectMenu(
       },
 
       getWidgetRenderState(renderOptions) {
-        const {
-          results,
-          createURL,
-          instantSearchInstance,
-          helper,
-        } = renderOptions;
+        const { results, createURL, instantSearchInstance, helper } =
+          renderOptions;
 
         let items: MenuRenderState['items'] = [];
         let canToggleShowMore = false;
@@ -270,10 +266,9 @@ const connectMenu: MenuConnector = function connectMenu(
         }
 
         if (!_refine) {
-          _refine = function(facetValue: string) {
-            const [refinedItem] = helper.getHierarchicalFacetBreadcrumb(
-              attribute
-            );
+          _refine = function (facetValue: string) {
+            const [refinedItem] =
+              helper.getHierarchicalFacetBreadcrumb(attribute);
             sendEvent!('click', facetValue ? facetValue : refinedItem);
             helper
               .toggleFacetRefinement(
@@ -326,9 +321,8 @@ const connectMenu: MenuConnector = function connectMenu(
       },
 
       getWidgetUiState(uiState, { searchParameters }) {
-        const [value] = searchParameters.getHierarchicalFacetBreadcrumb(
-          attribute
-        );
+        const [value] =
+          searchParameters.getHierarchicalFacetBreadcrumb(attribute);
 
         if (!value) {
           return uiState;
diff --git a/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts b/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts
index a6e488928e..83ee4dcfb0 100644
--- a/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts
+++ b/src/connectors/numeric-menu/__tests__/connectNumericMenu-test.ts
@@ -192,8 +192,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/numeric-men
     const widget = makeWidget({
       attribute: 'numerics',
       items: [{ label: 'below 10', end: 10 }],
-      transformItems: items =>
-        items.map(item => ({
+      transformItems: (items) =>
+        items.map((item) => ({
           ...item,
           label: 'transformed',
         })),
@@ -299,10 +299,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/numeric-men
     );
 
     const secondRenderingOptions = rendering.mock.calls[1][0];
-    const {
-      refine: renderToggleRefinement,
-      items: renderFacetValues,
-    } = secondRenderingOptions;
+    const { refine: renderToggleRefinement, items: renderFacetValues } =
+      secondRenderingOptions;
     expect(helper.state.getNumericRefinements('numerics')).toEqual({
       '<=': [],
       '=': [],
diff --git a/src/connectors/numeric-menu/connectNumericMenu.ts b/src/connectors/numeric-menu/connectNumericMenu.ts
index 0480ed33dc..e4463ed3bc 100644
--- a/src/connectors/numeric-menu/connectNumericMenu.ts
+++ b/src/connectors/numeric-menu/connectNumericMenu.ts
@@ -128,46 +128,48 @@ export type NumericMenuConnector = Connector<
 
 const $$type = 'ais.numericMenu';
 
-const createSendEvent = ({
-  instantSearchInstance,
-  helper,
-  attribute,
-}: {
-  instantSearchInstance: InstantSearch;
-  helper: AlgoliaSearchHelper;
-  attribute: string;
-}) => (...args: [InsightsEvent] | [string, string, string?]) => {
-  if (args.length === 1) {
-    instantSearchInstance.sendEventToInsights(args[0]);
-    return;
-  }
+const createSendEvent =
+  ({
+    instantSearchInstance,
+    helper,
+    attribute,
+  }: {
+    instantSearchInstance: InstantSearch;
+    helper: AlgoliaSearchHelper;
+    attribute: string;
+  }) =>
+  (...args: [InsightsEvent] | [string, string, string?]) => {
+    if (args.length === 1) {
+      instantSearchInstance.sendEventToInsights(args[0]);
+      return;
+    }
 
-  const [eventType, facetValue, eventName = 'Filter Applied'] = args;
-  if (eventType !== 'click') {
-    return;
-  }
-  // facetValue === "%7B%22start%22:5,%22end%22:10%7D"
-  const filters = convertNumericRefinementsToFilters(
-    getRefinedState(helper.state, attribute, facetValue),
-    attribute
-  );
-  if (filters && filters.length > 0) {
-    /*
+    const [eventType, facetValue, eventName = 'Filter Applied'] = args;
+    if (eventType !== 'click') {
+      return;
+    }
+    // facetValue === "%7B%22start%22:5,%22end%22:10%7D"
+    const filters = convertNumericRefinementsToFilters(
+      getRefinedState(helper.state, attribute, facetValue),
+      attribute
+    );
+    if (filters && filters.length > 0) {
+      /*
         filters === ["price<=10", "price>=5"]
       */
-    instantSearchInstance.sendEventToInsights({
-      insightsMethod: 'clickedFilters',
-      widgetType: $$type,
-      eventType,
-      payload: {
-        eventName,
-        index: helper.getIndex(),
-        filters,
-      },
-      attribute,
-    });
-  }
-};
+      instantSearchInstance.sendEventToInsights({
+        insightsMethod: 'clickedFilters',
+        widgetType: $$type,
+        eventType,
+        payload: {
+          eventName,
+          index: helper.getIndex(),
+          filters,
+        },
+        attribute,
+      });
+    }
+  };
 
 const connectNumericMenu: NumericMenuConnector = function connectNumericMenu(
   renderFn,
@@ -175,11 +177,11 @@ const connectNumericMenu: NumericMenuConnector = function connectNumericMenu(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       attribute = '',
       items = [],
-      transformItems = (x => x) as TransformItems<NumericMenuRenderStateItem>,
+      transformItems = ((x) => x) as TransformItems<NumericMenuRenderStateItem>,
     } = widgetParams || {};
 
     if (attribute === '') {
@@ -324,7 +326,7 @@ const connectNumericMenu: NumericMenuConnector = function connectNumericMenu(
         createURL,
       }) {
         if (!connectorState.refine) {
-          connectorState.refine = facetValue => {
+          connectorState.refine = (facetValue) => {
             const refinedState = getRefinedState(
               helper.state,
               attribute,
@@ -336,7 +338,7 @@ const connectNumericMenu: NumericMenuConnector = function connectNumericMenu(
         }
 
         if (!connectorState.createURL) {
-          connectorState.createURL = newState => facetValue =>
+          connectorState.createURL = (newState) => (facetValue) =>
             createURL(getRefinedState(newState, attribute, facetValue));
         }
 
@@ -386,11 +388,9 @@ function isRefined(
   }
 
   if (option.start === undefined && option.end === undefined) {
-    return (Object.keys(
-      currentRefinements
-    ) as SearchParameters.Operator[]).every(
-      operator => (currentRefinements[operator] || []).length === 0
-    );
+    return (
+      Object.keys(currentRefinements) as SearchParameters.Operator[]
+    ).every((operator) => (currentRefinements[operator] || []).length === 0);
   }
 
   return false;
diff --git a/src/connectors/pagination/connectPagination.ts b/src/connectors/pagination/connectPagination.ts
index 9a1a3a7ecd..9cf295ca1a 100644
--- a/src/connectors/pagination/connectPagination.ts
+++ b/src/connectors/pagination/connectPagination.ts
@@ -86,7 +86,7 @@ const connectPagination: PaginationConnector = function connectPagination(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const { totalPages, padding = 3 } = widgetParams || {};
 
     const pager = new Paginator({
@@ -160,14 +160,14 @@ const connectPagination: PaginationConnector = function connectPagination(
 
       getWidgetRenderState({ results, helper, createURL }) {
         if (!connectorState.refine) {
-          connectorState.refine = page => {
+          connectorState.refine = (page) => {
             helper.setPage(page);
             helper.search();
           };
         }
 
         if (!connectorState.createURL) {
-          connectorState.createURL = state => page =>
+          connectorState.createURL = (state) => (page) =>
             createURL(state.setPage(page));
         }
 
diff --git a/src/connectors/powered-by/__tests__/connectPoweredBy-test.ts b/src/connectors/powered-by/__tests__/connectPoweredBy-test.ts
index a68f624447..cd6d41c1db 100644
--- a/src/connectors/powered-by/__tests__/connectPoweredBy-test.ts
+++ b/src/connectors/powered-by/__tests__/connectPoweredBy-test.ts
@@ -61,8 +61,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/powered-by/
 
     expect(rendering).toHaveBeenCalledWith(
       expect.objectContaining({
-        url:
-          'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+        url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
       }),
       true
     );
@@ -77,8 +76,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/powered-by/
 
     expect(rendering).toHaveBeenCalledWith(
       expect.objectContaining({
-        url:
-          'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+        url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
       }),
       false
     );
@@ -131,8 +129,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/powered-by/
       const widget = makeWidget({});
 
       expect(widget.getWidgetRenderState(createInitOptions())).toEqual({
-        url:
-          'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+        url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
         widgetParams: {},
       });
     });
@@ -160,8 +157,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/powered-by/
       });
 
       expect(widget.getWidgetRenderState(createInitOptions())).toEqual({
-        url:
-          'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+        url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
         widgetParams: {
           theme: 'dark',
         },
@@ -177,8 +173,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/powered-by/
 
       expect(widget.getRenderState({}, createInitOptions())).toEqual({
         poweredBy: {
-          url:
-            'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+          url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
           widgetParams: {},
         },
       });
@@ -210,8 +205,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/powered-by/
 
       expect(widget.getRenderState({}, createInitOptions())).toEqual({
         poweredBy: {
-          url:
-            'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+          url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
           widgetParams: {
             theme: 'dark',
           },
diff --git a/src/connectors/powered-by/connectPoweredBy.ts b/src/connectors/powered-by/connectPoweredBy.ts
index 2dec25b1ba..a15152f3fe 100644
--- a/src/connectors/powered-by/connectPoweredBy.ts
+++ b/src/connectors/powered-by/connectPoweredBy.ts
@@ -57,7 +57,7 @@ const connectPoweredBy: PoweredByConnector = function connectPoweredBy(
     }&` +
     'utm_campaign=poweredby';
 
-  return widgetParams => {
+  return (widgetParams) => {
     const { url = defaultUrl } = widgetParams || {};
 
     return {
diff --git a/src/connectors/query-rules/__tests__/connectQueryRules-test.ts b/src/connectors/query-rules/__tests__/connectQueryRules-test.ts
index 2dcf15224c..a06f06e9a9 100644
--- a/src/connectors/query-rules/__tests__/connectQueryRules-test.ts
+++ b/src/connectors/query-rules/__tests__/connectQueryRules-test.ts
@@ -267,7 +267,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
 
     it('takes transformItems in account (empty)', () => {
       const { makeWidget } = createWidget();
-      const transformItems: TransformItems<any> = items => {
+      const transformItems: TransformItems<any> = (items) => {
         items.push({ lions: true });
         return items;
       };
@@ -289,7 +289,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
 
     it('takes transformItems in account', () => {
       const { makeWidget } = createWidget();
-      const transformItems: TransformItems<any> = items => {
+      const transformItems: TransformItems<any> = (items) => {
         items.push({ lions: true });
         return items;
       };
@@ -323,7 +323,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
             hierarchicalMenu: {},
             queryRules: {
               items: ['lions', 'eggs'],
-              widgetParams: { transformItems: items => items },
+              widgetParams: { transformItems: (items) => items },
             },
           },
           createRenderOptions({
@@ -350,7 +350,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
         const helper = createFakeHelper();
         const { makeWidget, renderFn } = createWidget();
         const widget = makeWidget({
-          transformItems: customItems => customItems[0],
+          transformItems: (customItems) => customItems[0],
         });
 
         widget.init!(
@@ -394,8 +394,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
             },
           },
         });
-        const brandFilterSpy = jest.fn(values => values);
-        const priceFilterSpy = jest.fn(values => values);
+        const brandFilterSpy = jest.fn((values) => values);
+        const priceFilterSpy = jest.fn((values) => values);
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
@@ -430,7 +430,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
         const helper = createFakeHelper({
           disjunctiveFacets: ['brand'],
         });
-        const brandFilterSpy = jest.fn(values => values);
+        const brandFilterSpy = jest.fn((values) => values);
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
@@ -457,8 +457,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
         const helper = createFakeHelper({
           disjunctiveFacets: ['brand'],
         });
-        const brandFilterSpy = jest.fn(values => values);
-        const priceFilterSpy = jest.fn(values => values);
+        const brandFilterSpy = jest.fn((values) => values);
+        const priceFilterSpy = jest.fn((values) => values);
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
@@ -700,7 +700,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
 
       test('can track filters from query', () => {
         const helper = createFakeHelper();
-        const querySpy = jest.fn(filters => {
+        const querySpy = jest.fn((filters) => {
           const [query] = filters as string[];
           return query.includes('cat') ? [query] : [];
         });
@@ -787,7 +787,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
-            brand: values => values,
+            brand: (values) => values,
           },
         });
 
@@ -851,7 +851,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rules
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
-            brand: values => values,
+            brand: (values) => values,
           },
         });
 
@@ -924,7 +924,7 @@ Consider using \`transformRuleContexts\` to minimize the number of rules sent to
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
-            brand: values => values,
+            brand: (values) => values,
           },
         });
 
@@ -981,7 +981,7 @@ Consider using \`transformRuleContexts\` to minimize the number of rules sent to
             brand: ['Samsung'],
           },
         });
-        const brandFilterSpy = jest.fn(values => values);
+        const brandFilterSpy = jest.fn((values) => values);
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
@@ -1031,12 +1031,12 @@ Consider using \`transformRuleContexts\` to minimize the number of rules sent to
           ruleContexts: ['initial-rule'],
         });
         const transformRuleContextsSpy = jest.fn((rules: string[]) =>
-          rules.map(rule => rule.replace('ais-', 'transformed-'))
+          rules.map((rule) => rule.replace('ais-', 'transformed-'))
         );
         const { makeWidget } = createWidget();
         const widget = makeWidget({
           trackedFilters: {
-            brand: values => values,
+            brand: (values) => values,
           },
           transformRuleContexts: transformRuleContextsSpy,
         });
diff --git a/src/connectors/query-rules/connectQueryRules.ts b/src/connectors/query-rules/connectQueryRules.ts
index eefa6c3dac..a5d77d93f6 100644
--- a/src/connectors/query-rules/connectQueryRules.ts
+++ b/src/connectors/query-rules/connectQueryRules.ts
@@ -47,7 +47,7 @@ function hasStateRefinements(state: SearchParameters): boolean {
     state.facetsRefinements,
     state.hierarchicalFacetsRefinements,
     state.numericRefinements,
-  ].some(refinement =>
+  ].some((refinement) =>
     Boolean(refinement && Object.keys(refinement).length > 0)
   );
 }
@@ -89,10 +89,10 @@ function getRuleContextsFromTrackedFilters({
       return [
         ...facets,
         ...facetRefinements
-          .filter(facetRefinement =>
+          .filter((facetRefinement) =>
             trackedFacetValues.includes(facetRefinement)
           )
-          .map(facetValue =>
+          .map((facetValue) =>
             escapeRuleContext(`ais-${facetName}-${facetValue}`)
           ),
       ];
@@ -112,12 +112,8 @@ function applyRuleContexts(
   },
   event: { state: SearchParameters }
 ): void {
-  const {
-    helper,
-    initialRuleContexts,
-    trackedFilters,
-    transformRuleContexts,
-  } = this;
+  const { helper, initialRuleContexts, trackedFilters, transformRuleContexts } =
+    this;
 
   const sharedHelperState = event.state;
   const previousRuleContexts: string[] = sharedHelperState.ruleContexts || [];
@@ -168,14 +164,14 @@ const connectQueryRules: QueryRulesConnector = function connectQueryRules(
 ) {
   checkRendering(render, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       trackedFilters = {} as ParamTrackedFilters,
-      transformRuleContexts = (rules => rules) as ParamTransformRuleContexts,
-      transformItems = (items => items) as ParamTransformItems,
+      transformRuleContexts = ((rules) => rules) as ParamTransformRuleContexts,
+      transformItems = ((items) => items) as ParamTransformItems,
     } = widgetParams || {};
 
-    Object.keys(trackedFilters).forEach(facetName => {
+    Object.keys(trackedFilters).forEach((facetName) => {
       if (typeof trackedFilters[facetName] !== 'function') {
         throw new Error(
           withUsage(
diff --git a/src/connectors/range/__tests__/connectRange-test.ts b/src/connectors/range/__tests__/connectRange-test.ts
index 179e4c5c7b..9f9d4ba51a 100644
--- a/src/connectors/range/__tests__/connectRange-test.ts
+++ b/src/connectors/range/__tests__/connectRange-test.ts
@@ -129,9 +129,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/range-input
       expect(isFirstRendering).toBe(true);
 
       // should provide good values for the first rendering
-      const { range, start, widgetParams } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { range, start, widgetParams } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(range).toEqual({ min: 0, max: 0 });
       expect(start).toEqual([-Infinity, Infinity]);
       expect(widgetParams).toEqual({
@@ -160,9 +159,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/range-input
       expect(isFirstRendering).toBe(false);
 
       // should provide good values for the first rendering
-      const { range, start, widgetParams } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { range, start, widgetParams } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(range).toEqual({ min: 10, max: 30 });
       expect(start).toEqual([-Infinity, Infinity]);
       expect(widgetParams).toEqual({
diff --git a/src/connectors/range/connectRange.ts b/src/connectors/range/connectRange.ts
index 6df534436a..eed2171472 100644
--- a/src/connectors/range/connectRange.ts
+++ b/src/connectors/range/connectRange.ts
@@ -147,9 +147,13 @@ const connectRange: RangeConnector = function connectRange(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
-    const { attribute = '', min: minBound, max: maxBound, precision = 0 } =
-      widgetParams || {};
+  return (widgetParams) => {
+    const {
+      attribute = '',
+      min: minBound,
+      max: maxBound,
+      precision = 0,
+    } = widgetParams || {};
 
     if (!attribute) {
       throw new Error(withUsage('The `attribute` option is required.'));
@@ -281,34 +285,36 @@ const connectRange: RangeConnector = function connectRange(
       }
     };
 
-    const createSendEvent = (
-      instantSearchInstance: InstantSearch,
-      helper: AlgoliaSearchHelper,
-      currentRange: Range
-    ) => (...args: [InsightsEvent] | [string, string, string?]) => {
-      if (args.length === 1) {
-        instantSearchInstance.sendEventToInsights(args[0]);
-        return;
-      }
+    const createSendEvent =
+      (
+        instantSearchInstance: InstantSearch,
+        helper: AlgoliaSearchHelper,
+        currentRange: Range
+      ) =>
+      (...args: [InsightsEvent] | [string, string, string?]) => {
+        if (args.length === 1) {
+          instantSearchInstance.sendEventToInsights(args[0]);
+          return;
+        }
 
-      const [eventType, facetValue, eventName] = args;
-      if (eventType !== 'click') {
-        return;
-      }
-      const [nextMin, nextMax] = facetValue;
-      const refinedState = getRefinedState(
-        helper,
-        currentRange,
-        nextMin,
-        nextMax
-      );
-      sendEventWithRefinedState(
-        refinedState,
-        instantSearchInstance,
-        helper,
-        eventName
-      );
-    };
+        const [eventType, facetValue, eventName] = args;
+        if (eventType !== 'click') {
+          return;
+        }
+        const [nextMin, nextMax] = facetValue;
+        const refinedState = getRefinedState(
+          helper,
+          currentRange,
+          nextMin,
+          nextMax
+        );
+        sendEventWithRefinedState(
+          refinedState,
+          instantSearchInstance,
+          helper,
+          eventName
+        );
+      };
 
     function _getCurrentRange(
       stats: Partial<NonNullable<SearchResults.Facet['stats']>>
@@ -407,7 +413,7 @@ const connectRange: RangeConnector = function connectRange(
         const facetsFromResults = (results && results.disjunctiveFacets) || [];
         const facet = find(
           facetsFromResults,
-          facetResult => facetResult.name === attribute
+          (facetResult) => facetResult.name === attribute
         );
         const stats = (facet && facet.stats) || {
           min: undefined,
@@ -458,10 +464,8 @@ const connectRange: RangeConnector = function connectRange(
       },
 
       getWidgetUiState(uiState, { searchParameters }) {
-        const {
-          '>=': min = [],
-          '<=': max = [],
-        } = searchParameters.getNumericRefinements(attribute);
+        const { '>=': min = [], '<=': max = [] } =
+          searchParameters.getNumericRefinements(attribute);
 
         if (min.length === 0 && max.length === 0) {
           return uiState;
@@ -514,10 +518,8 @@ const connectRange: RangeConnector = function connectRange(
           isFiniteNumber(lowerBound) &&
           (!isFiniteNumber(minBound) || minBound < lowerBound)
         ) {
-          widgetSearchParameters = widgetSearchParameters.removeNumericRefinement(
-            attribute,
-            '>='
-          );
+          widgetSearchParameters =
+            widgetSearchParameters.removeNumericRefinement(attribute, '>=');
           widgetSearchParameters = widgetSearchParameters.addNumericRefinement(
             attribute,
             '>=',
@@ -529,10 +531,8 @@ const connectRange: RangeConnector = function connectRange(
           isFiniteNumber(upperBound) &&
           (!isFiniteNumber(maxBound) || upperBound < maxBound)
         ) {
-          widgetSearchParameters = widgetSearchParameters.removeNumericRefinement(
-            attribute,
-            '<='
-          );
+          widgetSearchParameters =
+            widgetSearchParameters.removeNumericRefinement(attribute, '<=');
           widgetSearchParameters = widgetSearchParameters.addNumericRefinement(
             attribute,
             '<=',
diff --git a/src/connectors/rating-menu/__tests__/connectRatingMenu-test.ts b/src/connectors/rating-menu/__tests__/connectRatingMenu-test.ts
index 5009ab4c45..f7f3b5de75 100644
--- a/src/connectors/rating-menu/__tests__/connectRatingMenu-test.ts
+++ b/src/connectors/rating-menu/__tests__/connectRatingMenu-test.ts
@@ -100,9 +100,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/rating-menu
       expect(isFirstRendering).toBe(true);
 
       // should provide good values for the first rendering
-      const { items, widgetParams } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { items, widgetParams } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(items).toEqual([]);
       expect(widgetParams).toEqual({ attribute });
     }
@@ -131,9 +130,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/rating-menu
       expect(isFirstRendering).toBe(false);
 
       // should provide good values after the first search
-      const { items } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { items } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(items).toEqual([
         {
           count: 1000,
diff --git a/src/connectors/rating-menu/connectRatingMenu.ts b/src/connectors/rating-menu/connectRatingMenu.ts
index 41471ca0c7..2c607084d6 100644
--- a/src/connectors/rating-menu/connectRatingMenu.ts
+++ b/src/connectors/rating-menu/connectRatingMenu.ts
@@ -37,35 +37,32 @@ type CreateSendEvent = (createSendEventArgs: {
   attribute: string;
 }) => SendEvent;
 
-const createSendEvent: CreateSendEvent = ({
-  instantSearchInstance,
-  helper,
-  getRefinedStar,
-  attribute,
-}) => (...args) => {
-  if (args.length === 1) {
-    instantSearchInstance.sendEventToInsights(args[0]);
-    return;
-  }
-  const [eventType, facetValue, eventName = 'Filter Applied'] = args;
-  if (eventType !== 'click') {
-    return;
-  }
-  const isRefined = getRefinedStar() === Number(facetValue);
-  if (!isRefined) {
-    instantSearchInstance.sendEventToInsights({
-      insightsMethod: 'clickedFilters',
-      widgetType: $$type,
-      eventType,
-      payload: {
-        eventName,
-        index: helper.getIndex(),
-        filters: [`${attribute}>=${facetValue}`],
-      },
-      attribute,
-    });
-  }
-};
+const createSendEvent: CreateSendEvent =
+  ({ instantSearchInstance, helper, getRefinedStar, attribute }) =>
+  (...args) => {
+    if (args.length === 1) {
+      instantSearchInstance.sendEventToInsights(args[0]);
+      return;
+    }
+    const [eventType, facetValue, eventName = 'Filter Applied'] = args;
+    if (eventType !== 'click') {
+      return;
+    }
+    const isRefined = getRefinedStar() === Number(facetValue);
+    if (!isRefined) {
+      instantSearchInstance.sendEventToInsights({
+        insightsMethod: 'clickedFilters',
+        widgetType: $$type,
+        eventType,
+        payload: {
+          eventName,
+          index: helper.getIndex(),
+          filters: [`${attribute}>=${facetValue}`],
+        },
+        attribute,
+      });
+    }
+  };
 
 type StarRatingItems = {
   /**
@@ -175,7 +172,7 @@ const connectRatingMenu: RatingMenuConnector = function connectRatingMenu(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const { attribute, max = 5 } = widgetParams || {};
     let sendEvent: SendEvent;
 
@@ -197,7 +194,7 @@ const connectRatingMenu: RatingMenuConnector = function connectRatingMenu(
       facetResults: SearchResults.FacetValue[]
     ) => {
       let maxDecimalPlaces = 0;
-      facetResults.forEach(facetResult => {
+      facetResults.forEach((facetResult) => {
         const [, decimal = ''] = facetResult.name.split('.');
         maxDecimalPlaces = Math.max(maxDecimalPlaces, decimal.length);
       });
@@ -282,9 +279,11 @@ const connectRatingMenu: RatingMenuConnector = function connectRatingMenu(
     };
 
     const connectorState: ConnectorState = {
-      toggleRefinementFactory: helper => toggleRefinement.bind(null, helper),
-      createURLFactory: ({ state, createURL }) => value =>
-        createURL(getRefinedState(state, value)),
+      toggleRefinementFactory: (helper) => toggleRefinement.bind(null, helper),
+      createURLFactory:
+        ({ state, createURL }) =>
+        (value) =>
+          createURL(getRefinedState(state, value)),
     };
 
     return {
@@ -367,8 +366,8 @@ const connectRatingMenu: RatingMenuConnector = function connectRatingMenu(
             const isRefined = refinedStar === star;
 
             const count = facetResults
-              .filter(f => Number(f.name) >= star && Number(f.name) <= max)
-              .map(f => f.count)
+              .filter((f) => Number(f.name) >= star && Number(f.name) <= max)
+              .map((f) => f.count)
               .reduce((sum, current) => sum + current, 0);
 
             if (refinedStar && !isRefined && count === 0) {
@@ -430,9 +429,8 @@ const connectRatingMenu: RatingMenuConnector = function connectRatingMenu(
         const value = uiState.ratingMenu && uiState.ratingMenu[attribute];
 
         const withoutRefinements = searchParameters.clearRefinements(attribute);
-        const withDisjunctiveFacet = withoutRefinements.addDisjunctiveFacet(
-          attribute
-        );
+        const withDisjunctiveFacet =
+          withoutRefinements.addDisjunctiveFacet(attribute);
 
         if (!value) {
           return withDisjunctiveFacet.setQueryParameters({
diff --git a/src/connectors/refinement-list/__tests__/connectRefinementList-test.ts b/src/connectors/refinement-list/__tests__/connectRefinementList-test.ts
index c36a1e4819..d8b3c4b8cc 100644
--- a/src/connectors/refinement-list/__tests__/connectRefinementList-test.ts
+++ b/src/connectors/refinement-list/__tests__/connectRefinementList-test.ts
@@ -450,8 +450,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
     const { makeWidget, rendering } = createWidgetFactory();
     const widget = makeWidget({
       attribute: 'category',
-      transformItems: items =>
-        items.map(item => ({
+      transformItems: (items) =>
+        items.map((item) => ({
           ...item,
           label: 'transformed',
           value: 'transformed',
@@ -1742,8 +1742,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
       attribute: 'category',
       limit: 2,
       escapeFacetValues: false,
-      transformItems: items =>
-        items.map(item => ({
+      transformItems: (items) =>
+        items.map((item) => ({
           ...item,
           label: 'transformed',
           value: 'transformed',
@@ -2486,9 +2486,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
 
       const initOptions = createInitOptions({ state: helper.state, helper });
 
-      const renderState1 = refinementListWidget.getWidgetRenderState(
-        initOptions
-      );
+      const renderState1 =
+        refinementListWidget.getWidgetRenderState(initOptions);
 
       expect(renderState1).toEqual({
         canRefine: false,
@@ -2522,9 +2521,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
 
       const initOptions = createInitOptions({ state: helper.state, helper });
 
-      const renderState1 = refinementListWidget.getWidgetRenderState(
-        initOptions
-      );
+      const renderState1 =
+        refinementListWidget.getWidgetRenderState(initOptions);
 
       const results = new SearchResults(helper.state, [
         createSingleSearchResponse({
@@ -2545,9 +2543,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
         results,
       });
 
-      const renderState2 = refinementListWidget.getWidgetRenderState(
-        renderOptions
-      );
+      const renderState2 =
+        refinementListWidget.getWidgetRenderState(renderOptions);
 
       expect(renderState2).toEqual(
         expect.objectContaining({
diff --git a/src/connectors/refinement-list/connectRefinementList.ts b/src/connectors/refinement-list/connectRefinementList.ts
index 5951d9b956..9cba462e74 100644
--- a/src/connectors/refinement-list/connectRefinementList.ts
+++ b/src/connectors/refinement-list/connectRefinementList.ts
@@ -175,359 +175,354 @@ export type RefinementListConnector = Connector<
  * - a `toggleShowMore()` function to display more or less items
  * - a `searchForItems()` function to search within the items.
  */
-const connectRefinementList: RefinementListConnector = function connectRefinementList(
-  renderFn,
-  unmountFn = noop
-) {
-  checkRendering(renderFn, withUsage());
-
-  return widgetParams => {
-    const {
-      attribute,
-      operator = 'or',
-      limit = 10,
-      showMore = false,
-      showMoreLimit = 20,
-      sortBy = DEFAULT_SORT,
-      escapeFacetValues = true,
-      transformItems = (items => items) as TransformItems<RefinementListItem>,
-    } = widgetParams || {};
-
-    type ThisWidget = Widget<
-      RefinementListWidgetDescription & { widgetParams: typeof widgetParams }
-    >;
-
-    if (!attribute) {
-      throw new Error(withUsage('The `attribute` option is required.'));
-    }
-
-    if (!/^(and|or)$/.test(operator)) {
-      throw new Error(
-        withUsage(
-          `The \`operator\` must one of: \`"and"\`, \`"or"\` (got "${operator}").`
-        )
-      );
-    }
-
-    if (showMore === true && showMoreLimit <= limit) {
-      throw new Error(
-        withUsage('`showMoreLimit` should be greater than `limit`.')
-      );
-    }
-
-    const formatItems = ({
-      name: label,
-      ...item
-    }: SearchResults.FacetValue): RefinementListItem => ({
-      ...item,
-      label,
-      value: label,
-      highlighted: label,
-    });
-
-    let lastResultsFromMainSearch: SearchResults;
-    let lastItemsFromMainSearch: RefinementListItem[] = [];
-    let hasExhaustiveItems = true;
-    let triggerRefine: RefinementListRenderState['refine'] | undefined;
-    let sendEvent: RefinementListRenderState['sendEvent'] | undefined;
-
-    let isShowingMore = false;
-    // Provide the same function to the `renderFn` so that way the user
-    // has to only bind it once when `isFirstRendering` for instance
-    let toggleShowMore = () => {};
-    function cachedToggleShowMore() {
-      toggleShowMore();
-    }
-
-    function createToggleShowMore(
-      renderOptions: RenderOptions,
-      widget: ThisWidget
-    ) {
-      return () => {
-        isShowingMore = !isShowingMore;
-        widget.render!(renderOptions);
-      };
-    }
-
-    function getLimit() {
-      return isShowingMore ? showMoreLimit : limit;
-    }
-
-    let searchForFacetValues: (
-      renderOptions: RenderOptions | InitOptions
-    ) => RefinementListRenderState['searchForItems'] = () => () => {};
-
-    const createSearchForFacetValues = function(
-      helper: AlgoliaSearchHelper,
-      widget: ThisWidget
-    ) {
-      return (renderOptions: RenderOptions | InitOptions) => (
-        query: string
-      ) => {
-        const { instantSearchInstance } = renderOptions;
-        if (query === '' && lastItemsFromMainSearch) {
-          // render with previous data from the helper.
-          renderFn(
-            {
-              ...widget.getWidgetRenderState({
-                ...renderOptions,
-                results: lastResultsFromMainSearch,
-              }),
-              instantSearchInstance,
-            },
-            false
-          );
-        } else {
-          const tags = {
-            highlightPreTag: escapeFacetValues
-              ? TAG_PLACEHOLDER.highlightPreTag
-              : TAG_REPLACEMENT.highlightPreTag,
-            highlightPostTag: escapeFacetValues
-              ? TAG_PLACEHOLDER.highlightPostTag
-              : TAG_REPLACEMENT.highlightPostTag,
-          };
+const connectRefinementList: RefinementListConnector =
+  function connectRefinementList(renderFn, unmountFn = noop) {
+    checkRendering(renderFn, withUsage());
+
+    return (widgetParams) => {
+      const {
+        attribute,
+        operator = 'or',
+        limit = 10,
+        showMore = false,
+        showMoreLimit = 20,
+        sortBy = DEFAULT_SORT,
+        escapeFacetValues = true,
+        transformItems = ((items) =>
+          items) as TransformItems<RefinementListItem>,
+      } = widgetParams || {};
+
+      type ThisWidget = Widget<
+        RefinementListWidgetDescription & { widgetParams: typeof widgetParams }
+      >;
 
-          helper
-            .searchForFacetValues(
-              attribute,
-              query,
-              // We cap the `maxFacetHits` value to 100 because the Algolia API
-              // doesn't support a greater number.
-              // See https://www.algolia.com/doc/api-reference/api-parameters/maxFacetHits/
-              Math.min(getLimit(), 100),
-              tags
-            )
-            .then(results => {
-              const facetValues = escapeFacetValues
-                ? escapeFacets(results.facetHits)
-                : results.facetHits;
-
-              const normalizedFacetValues = transformItems(
-                facetValues.map(({ value, ...item }) => ({
-                  ...item,
-                  value,
-                  label: value,
-                }))
-              );
+      if (!attribute) {
+        throw new Error(withUsage('The `attribute` option is required.'));
+      }
+
+      if (!/^(and|or)$/.test(operator)) {
+        throw new Error(
+          withUsage(
+            `The \`operator\` must one of: \`"and"\`, \`"or"\` (got "${operator}").`
+          )
+        );
+      }
 
+      if (showMore === true && showMoreLimit <= limit) {
+        throw new Error(
+          withUsage('`showMoreLimit` should be greater than `limit`.')
+        );
+      }
+
+      const formatItems = ({
+        name: label,
+        ...item
+      }: SearchResults.FacetValue): RefinementListItem => ({
+        ...item,
+        label,
+        value: label,
+        highlighted: label,
+      });
+
+      let lastResultsFromMainSearch: SearchResults;
+      let lastItemsFromMainSearch: RefinementListItem[] = [];
+      let hasExhaustiveItems = true;
+      let triggerRefine: RefinementListRenderState['refine'] | undefined;
+      let sendEvent: RefinementListRenderState['sendEvent'] | undefined;
+
+      let isShowingMore = false;
+      // Provide the same function to the `renderFn` so that way the user
+      // has to only bind it once when `isFirstRendering` for instance
+      let toggleShowMore = () => {};
+      function cachedToggleShowMore() {
+        toggleShowMore();
+      }
+
+      function createToggleShowMore(
+        renderOptions: RenderOptions,
+        widget: ThisWidget
+      ) {
+        return () => {
+          isShowingMore = !isShowingMore;
+          widget.render!(renderOptions);
+        };
+      }
+
+      function getLimit() {
+        return isShowingMore ? showMoreLimit : limit;
+      }
+
+      let searchForFacetValues: (
+        renderOptions: RenderOptions | InitOptions
+      ) => RefinementListRenderState['searchForItems'] = () => () => {};
+
+      const createSearchForFacetValues = function (
+        helper: AlgoliaSearchHelper,
+        widget: ThisWidget
+      ) {
+        return (renderOptions: RenderOptions | InitOptions) =>
+          (query: string) => {
+            const { instantSearchInstance } = renderOptions;
+            if (query === '' && lastItemsFromMainSearch) {
+              // render with previous data from the helper.
               renderFn(
                 {
                   ...widget.getWidgetRenderState({
                     ...renderOptions,
                     results: lastResultsFromMainSearch,
                   }),
-                  items: normalizedFacetValues,
-                  canToggleShowMore: false,
-                  canRefine: true,
-                  isFromSearch: true,
                   instantSearchInstance,
                 },
                 false
               );
-            });
-        }
+            } else {
+              const tags = {
+                highlightPreTag: escapeFacetValues
+                  ? TAG_PLACEHOLDER.highlightPreTag
+                  : TAG_REPLACEMENT.highlightPreTag,
+                highlightPostTag: escapeFacetValues
+                  ? TAG_PLACEHOLDER.highlightPostTag
+                  : TAG_REPLACEMENT.highlightPostTag,
+              };
+
+              helper
+                .searchForFacetValues(
+                  attribute,
+                  query,
+                  // We cap the `maxFacetHits` value to 100 because the Algolia API
+                  // doesn't support a greater number.
+                  // See https://www.algolia.com/doc/api-reference/api-parameters/maxFacetHits/
+                  Math.min(getLimit(), 100),
+                  tags
+                )
+                .then((results) => {
+                  const facetValues = escapeFacetValues
+                    ? escapeFacets(results.facetHits)
+                    : results.facetHits;
+
+                  const normalizedFacetValues = transformItems(
+                    facetValues.map(({ value, ...item }) => ({
+                      ...item,
+                      value,
+                      label: value,
+                    }))
+                  );
+
+                  renderFn(
+                    {
+                      ...widget.getWidgetRenderState({
+                        ...renderOptions,
+                        results: lastResultsFromMainSearch,
+                      }),
+                      items: normalizedFacetValues,
+                      canToggleShowMore: false,
+                      canRefine: true,
+                      isFromSearch: true,
+                      instantSearchInstance,
+                    },
+                    false
+                  );
+                });
+            }
+          };
       };
-    };
 
-    return {
-      $$type: 'ais.refinementList' as const,
+      return {
+        $$type: 'ais.refinementList' as const,
 
-      init(initOptions) {
-        renderFn(
-          {
-            ...this.getWidgetRenderState(initOptions),
-            instantSearchInstance: initOptions.instantSearchInstance,
-          },
-          true
-        );
-      },
-
-      render(renderOptions) {
-        renderFn(
-          {
-            ...this.getWidgetRenderState(renderOptions),
-            instantSearchInstance: renderOptions.instantSearchInstance,
-          },
-          false
-        );
-      },
-
-      getRenderState(renderState, renderOptions) {
-        return {
-          ...renderState,
-          refinementList: {
-            ...renderState.refinementList,
-            [attribute]: this.getWidgetRenderState(renderOptions),
-          },
-        };
-      },
-
-      getWidgetRenderState(renderOptions) {
-        const {
-          results,
-          state,
-          createURL,
-          instantSearchInstance,
-          helper,
-        } = renderOptions;
-        let items: RefinementListItem[] = [];
-        let facetValues: SearchResults.FacetValue[] | FacetHit[] = [];
-
-        if (!sendEvent || !triggerRefine || !searchForFacetValues) {
-          sendEvent = createSendEventForFacet({
-            instantSearchInstance,
-            helper,
-            attribute,
-            widgetType: this.$$type!,
-          });
-
-          triggerRefine = facetValue => {
-            sendEvent!('click', facetValue);
-            helper.toggleFacetRefinement(attribute, facetValue).search();
-          };
+        init(initOptions) {
+          renderFn(
+            {
+              ...this.getWidgetRenderState(initOptions),
+              instantSearchInstance: initOptions.instantSearchInstance,
+            },
+            true
+          );
+        },
 
-          searchForFacetValues = createSearchForFacetValues(helper, this);
-        }
-
-        if (results) {
-          const values = results.getFacetValues(attribute, {
-            sortBy,
-            facetOrdering: sortBy === DEFAULT_SORT,
-          });
-          facetValues = values && Array.isArray(values) ? values : [];
-          items = transformItems(
-            facetValues.slice(0, getLimit()).map(formatItems)
+        render(renderOptions) {
+          renderFn(
+            {
+              ...this.getWidgetRenderState(renderOptions),
+              instantSearchInstance: renderOptions.instantSearchInstance,
+            },
+            false
           );
+        },
+
+        getRenderState(renderState, renderOptions) {
+          return {
+            ...renderState,
+            refinementList: {
+              ...renderState.refinementList,
+              [attribute]: this.getWidgetRenderState(renderOptions),
+            },
+          };
+        },
 
-          const maxValuesPerFacetConfig = state.maxValuesPerFacet;
-          const currentLimit = getLimit();
-          // If the limit is the max number of facet retrieved it is impossible to know
-          // if the facets are exhaustive. The only moment we are sure it is exhaustive
-          // is when it is strictly under the number requested unless we know that another
-          // widget has requested more values (maxValuesPerFacet > getLimit()).
-          // Because this is used for making the search of facets unable or not, it is important
-          // to be conservative here.
-          hasExhaustiveItems =
-            maxValuesPerFacetConfig! > currentLimit
-              ? facetValues.length <= currentLimit
-              : facetValues.length < currentLimit;
-
-          lastResultsFromMainSearch = results;
-          lastItemsFromMainSearch = items;
-
-          if (renderOptions.results) {
-            toggleShowMore = createToggleShowMore(renderOptions, this);
-          }
-        }
-
-        // Do not mistake searchForFacetValues and searchFacetValues which is the actual search
-        // function
-        const searchFacetValues =
-          searchForFacetValues && searchForFacetValues(renderOptions);
-
-        const canShowLess =
-          isShowingMore && lastItemsFromMainSearch.length > limit;
-        const canShowMore = showMore && !hasExhaustiveItems;
-
-        const canToggleShowMore = canShowLess || canShowMore;
-
-        return {
-          createURL: facetValue =>
-            createURL(
-              state.resetPage().toggleFacetRefinement(attribute, facetValue)
-            ),
-          items,
-          refine: triggerRefine,
-          searchForItems: searchFacetValues,
-          isFromSearch: false,
-          canRefine: items.length > 0,
-          widgetParams,
-          isShowingMore,
-          canToggleShowMore,
-          toggleShowMore: cachedToggleShowMore,
-          sendEvent,
-          hasExhaustiveItems,
-        };
-      },
+        getWidgetRenderState(renderOptions) {
+          const { results, state, createURL, instantSearchInstance, helper } =
+            renderOptions;
+          let items: RefinementListItem[] = [];
+          let facetValues: SearchResults.FacetValue[] | FacetHit[] = [];
 
-      dispose({ state }) {
-        unmountFn();
+          if (!sendEvent || !triggerRefine || !searchForFacetValues) {
+            sendEvent = createSendEventForFacet({
+              instantSearchInstance,
+              helper,
+              attribute,
+              widgetType: this.$$type!,
+            });
 
-        const withoutMaxValuesPerFacet = state.setQueryParameter(
-          'maxValuesPerFacet',
-          undefined
-        );
-        if (operator === 'and') {
-          return withoutMaxValuesPerFacet.removeFacet(attribute);
-        }
-        return withoutMaxValuesPerFacet.removeDisjunctiveFacet(attribute);
-      },
-
-      getWidgetUiState(uiState, { searchParameters }) {
-        const values =
-          operator === 'or'
-            ? searchParameters.getDisjunctiveRefinements(attribute)
-            : searchParameters.getConjunctiveRefinements(attribute);
-
-        if (!values.length) {
-          return uiState;
-        }
-
-        return {
-          ...uiState,
-          refinementList: {
-            ...uiState.refinementList,
-            [attribute]: values,
-          },
-        };
-      },
+            triggerRefine = (facetValue) => {
+              sendEvent!('click', facetValue);
+              helper.toggleFacetRefinement(attribute, facetValue).search();
+            };
 
-      getWidgetSearchParameters(searchParameters, { uiState }) {
-        const isDisjunctive = operator === 'or';
-        const values =
-          uiState.refinementList && uiState.refinementList[attribute];
+            searchForFacetValues = createSearchForFacetValues(helper, this);
+          }
 
-        const withoutRefinements = searchParameters.clearRefinements(attribute);
-        const withFacetConfiguration = isDisjunctive
-          ? withoutRefinements.addDisjunctiveFacet(attribute)
-          : withoutRefinements.addFacet(attribute);
+          if (results) {
+            const values = results.getFacetValues(attribute, {
+              sortBy,
+              facetOrdering: sortBy === DEFAULT_SORT,
+            });
+            facetValues = values && Array.isArray(values) ? values : [];
+            items = transformItems(
+              facetValues.slice(0, getLimit()).map(formatItems)
+            );
+
+            const maxValuesPerFacetConfig = state.maxValuesPerFacet;
+            const currentLimit = getLimit();
+            // If the limit is the max number of facet retrieved it is impossible to know
+            // if the facets are exhaustive. The only moment we are sure it is exhaustive
+            // is when it is strictly under the number requested unless we know that another
+            // widget has requested more values (maxValuesPerFacet > getLimit()).
+            // Because this is used for making the search of facets unable or not, it is important
+            // to be conservative here.
+            hasExhaustiveItems =
+              maxValuesPerFacetConfig! > currentLimit
+                ? facetValues.length <= currentLimit
+                : facetValues.length < currentLimit;
+
+            lastResultsFromMainSearch = results;
+            lastItemsFromMainSearch = items;
+
+            if (renderOptions.results) {
+              toggleShowMore = createToggleShowMore(renderOptions, this);
+            }
+          }
 
-        const currentMaxValuesPerFacet =
-          withFacetConfiguration.maxValuesPerFacet || 0;
+          // Do not mistake searchForFacetValues and searchFacetValues which is the actual search
+          // function
+          const searchFacetValues =
+            searchForFacetValues && searchForFacetValues(renderOptions);
+
+          const canShowLess =
+            isShowingMore && lastItemsFromMainSearch.length > limit;
+          const canShowMore = showMore && !hasExhaustiveItems;
+
+          const canToggleShowMore = canShowLess || canShowMore;
+
+          return {
+            createURL: (facetValue) =>
+              createURL(
+                state.resetPage().toggleFacetRefinement(attribute, facetValue)
+              ),
+            items,
+            refine: triggerRefine,
+            searchForItems: searchFacetValues,
+            isFromSearch: false,
+            canRefine: items.length > 0,
+            widgetParams,
+            isShowingMore,
+            canToggleShowMore,
+            toggleShowMore: cachedToggleShowMore,
+            sendEvent,
+            hasExhaustiveItems,
+          };
+        },
 
-        const nextMaxValuesPerFacet = Math.max(
-          currentMaxValuesPerFacet,
-          showMore ? showMoreLimit : limit
-        );
+        dispose({ state }) {
+          unmountFn();
 
-        const withMaxValuesPerFacet = withFacetConfiguration.setQueryParameter(
-          'maxValuesPerFacet',
-          nextMaxValuesPerFacet
-        );
+          const withoutMaxValuesPerFacet = state.setQueryParameter(
+            'maxValuesPerFacet',
+            undefined
+          );
+          if (operator === 'and') {
+            return withoutMaxValuesPerFacet.removeFacet(attribute);
+          }
+          return withoutMaxValuesPerFacet.removeDisjunctiveFacet(attribute);
+        },
 
-        if (!values) {
-          const key = isDisjunctive
-            ? 'disjunctiveFacetsRefinements'
-            : 'facetsRefinements';
+        getWidgetUiState(uiState, { searchParameters }) {
+          const values =
+            operator === 'or'
+              ? searchParameters.getDisjunctiveRefinements(attribute)
+              : searchParameters.getConjunctiveRefinements(attribute);
 
-          return withMaxValuesPerFacet.setQueryParameters({
-            [key]: {
-              ...withMaxValuesPerFacet[key],
-              [attribute]: [],
+          if (!values.length) {
+            return uiState;
+          }
+
+          return {
+            ...uiState,
+            refinementList: {
+              ...uiState.refinementList,
+              [attribute]: values,
             },
-          });
-        }
-
-        return values.reduce(
-          (parameters, value) =>
-            isDisjunctive
-              ? parameters.addDisjunctiveFacetRefinement(attribute, value)
-              : parameters.addFacetRefinement(attribute, value),
-          withMaxValuesPerFacet
-        );
-      },
+          };
+        },
+
+        getWidgetSearchParameters(searchParameters, { uiState }) {
+          const isDisjunctive = operator === 'or';
+          const values =
+            uiState.refinementList && uiState.refinementList[attribute];
+
+          const withoutRefinements =
+            searchParameters.clearRefinements(attribute);
+          const withFacetConfiguration = isDisjunctive
+            ? withoutRefinements.addDisjunctiveFacet(attribute)
+            : withoutRefinements.addFacet(attribute);
+
+          const currentMaxValuesPerFacet =
+            withFacetConfiguration.maxValuesPerFacet || 0;
+
+          const nextMaxValuesPerFacet = Math.max(
+            currentMaxValuesPerFacet,
+            showMore ? showMoreLimit : limit
+          );
+
+          const withMaxValuesPerFacet =
+            withFacetConfiguration.setQueryParameter(
+              'maxValuesPerFacet',
+              nextMaxValuesPerFacet
+            );
+
+          if (!values) {
+            const key = isDisjunctive
+              ? 'disjunctiveFacetsRefinements'
+              : 'facetsRefinements';
+
+            return withMaxValuesPerFacet.setQueryParameters({
+              [key]: {
+                ...withMaxValuesPerFacet[key],
+                [attribute]: [],
+              },
+            });
+          }
+
+          return values.reduce(
+            (parameters, value) =>
+              isDisjunctive
+                ? parameters.addDisjunctiveFacetRefinement(attribute, value)
+                : parameters.addFacetRefinement(attribute, value),
+            withMaxValuesPerFacet
+          );
+        },
+      };
     };
   };
-};
 
 export default connectRefinementList;
diff --git a/src/connectors/relevant-sort/connectRelevantSort.ts b/src/connectors/relevant-sort/connectRelevantSort.ts
index 01a18acb84..227cac2356 100644
--- a/src/connectors/relevant-sort/connectRelevantSort.ts
+++ b/src/connectors/relevant-sort/connectRelevantSort.ts
@@ -50,7 +50,7 @@ const connectRelevantSort: RelevantSortConnector = function connectRelevantSort(
   renderFn = noop,
   unmountFn = noop
 ) {
-  return widgetParams => {
+  return (widgetParams) => {
     type ConnectorState = {
       refine?: Refine;
     };
diff --git a/src/connectors/search-box/__tests__/connectSearchBox-test.ts b/src/connectors/search-box/__tests__/connectSearchBox-test.ts
index 21925a141d..e518ced4f5 100644
--- a/src/connectors/search-box/__tests__/connectSearchBox-test.ts
+++ b/src/connectors/search-box/__tests__/connectSearchBox-test.ts
@@ -273,7 +273,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/search-box/
   });
 
   // eslint-disable-next-line jest/no-done-callback
-  it('provides the same `refine` and `clear` function references', done => {
+  it('provides the same `refine` and `clear` function references', (done) => {
     const initRenderState: Record<string, any> = {};
     const createSearchBox = connectSearchBox(
       ({ refine, clear }, isFirstRender) => {
diff --git a/src/connectors/search-box/connectSearchBox.ts b/src/connectors/search-box/connectSearchBox.ts
index 8077cdfcc5..89eb14dbf2 100644
--- a/src/connectors/search-box/connectSearchBox.ts
+++ b/src/connectors/search-box/connectSearchBox.ts
@@ -83,11 +83,11 @@ const connectSearchBox: SearchBoxConnector = function connectSearchBox(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const { queryHook } = widgetParams || {};
 
     function clear(helper: AlgoliaSearchHelper) {
-      return function() {
+      return function () {
         helper.setQuery('').search();
       };
     }
@@ -146,7 +146,7 @@ const connectSearchBox: SearchBoxConnector = function connectSearchBox(
             }
           };
 
-          _refine = query => {
+          _refine = (query) => {
             if (queryHook) {
               queryHook(query, setQueryAndSearch);
               return;
diff --git a/src/connectors/sort-by/__tests__/connectSortBy-test.ts b/src/connectors/sort-by/__tests__/connectSortBy-test.ts
index 5c2608b4fc..78b632a20f 100644
--- a/src/connectors/sort-by/__tests__/connectSortBy-test.ts
+++ b/src/connectors/sort-by/__tests__/connectSortBy-test.ts
@@ -162,8 +162,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/sort-by/js/
     ];
     const widget = makeWidget({
       items,
-      transformItems: allItems =>
-        allItems.map(item => ({ ...item, label: 'transformed' })),
+      transformItems: (allItems) =>
+        allItems.map((item) => ({ ...item, label: 'transformed' })),
     });
 
     const helper = algoliasearchHelper(createSearchClient(), items[0].value);
diff --git a/src/connectors/sort-by/connectSortBy.ts b/src/connectors/sort-by/connectSortBy.ts
index e0eed651d5..94f13bc9fe 100644
--- a/src/connectors/sort-by/connectSortBy.ts
+++ b/src/connectors/sort-by/connectSortBy.ts
@@ -92,8 +92,8 @@ const connectSortBy: SortByConnector = function connectSortBy(
     initialIndex?: string;
   };
 
-  return widgetParams => {
-    const { items, transformItems = (x => x) as TransformItems<SortByItem> } =
+  return (widgetParams) => {
+    const { items, transformItems = ((x) => x) as TransformItems<SortByItem> } =
       widgetParams || {};
 
     if (!Array.isArray(items)) {
@@ -112,7 +112,7 @@ const connectSortBy: SortByConnector = function connectSortBy(
         const currentIndex = widgetRenderState.currentRefinement;
         const isCurrentIndexInItems = find(
           items,
-          item => item.value === currentIndex
+          (item) => item.value === currentIndex
         );
 
         warning(
@@ -160,7 +160,7 @@ const connectSortBy: SortByConnector = function connectSortBy(
           connectorState.initialIndex = parent.getIndexName();
         }
         if (!connectorState.setIndex) {
-          connectorState.setIndex = indexName => {
+          connectorState.setIndex = (indexName) => {
             helper.setIndex(indexName).search();
           };
         }
diff --git a/src/connectors/stats/__tests__/connectStats-test.ts b/src/connectors/stats/__tests__/connectStats-test.ts
index 6969d4186a..cf8c13b71a 100644
--- a/src/connectors/stats/__tests__/connectStats-test.ts
+++ b/src/connectors/stats/__tests__/connectStats-test.ts
@@ -405,14 +405,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/stats/js/#c
       expect(isFirstRendering).toBe(false);
 
       // should provide good values after the first search
-      const {
-        hitsPerPage,
-        nbHits,
-        nbPages,
-        page,
-        processingTimeMS,
-        query,
-      } = rendering.mock.calls[rendering.mock.calls.length - 1][0];
+      const { hitsPerPage, nbHits, nbPages, page, processingTimeMS, query } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(hitsPerPage).toBe(20);
       expect(nbHits).toBe(1);
       expect(nbPages).toBe(1);
diff --git a/src/connectors/stats/connectStats.ts b/src/connectors/stats/connectStats.ts
index c0790ca0b2..b211f6e62e 100644
--- a/src/connectors/stats/connectStats.ts
+++ b/src/connectors/stats/connectStats.ts
@@ -71,7 +71,7 @@ const connectStats: StatsConnector = function connectStats(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => ({
+  return (widgetParams) => ({
     $$type: 'ais.stats',
 
     init(initOptions) {
diff --git a/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts b/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts
index d56cca2705..d562db74dc 100644
--- a/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts
+++ b/src/connectors/toggle-refinement/__tests__/connectToggleRefinement-test.ts
@@ -128,9 +128,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       expect(isFirstRendering).toBe(true);
 
       // should provide good values for the first rendering
-      const { value, widgetParams } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { value, widgetParams } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(value).toEqual({
         name: 'isShippingFree',
         count: null,
@@ -177,9 +176,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       expect(isFirstRendering).toBe(false);
 
       // should provide good values after the first search
-      const { value } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { value } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(value).toEqual({
         name: 'isShippingFree',
         count: 45,
@@ -240,9 +238,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       expect(isFirstRendering).toBe(true);
 
       // should provide good values for the first rendering
-      const { value, widgetParams } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { value, widgetParams } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(value).toEqual({
         name: 'whatever',
         count: null,
@@ -292,9 +289,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       expect(isFirstRendering).toBe(false);
 
       // should provide good values after the first search
-      const { value } = rendering.mock.calls[
-        rendering.mock.calls.length - 1
-      ][0];
+      const { value } =
+        rendering.mock.calls[rendering.mock.calls.length - 1][0];
       expect(value).toEqual({
         name: 'whatever',
         count: 65,
diff --git a/src/connectors/toggle-refinement/connectToggleRefinement.ts b/src/connectors/toggle-refinement/connectToggleRefinement.ts
index e766044f03..b62fa8c4b9 100644
--- a/src/connectors/toggle-refinement/connectToggleRefinement.ts
+++ b/src/connectors/toggle-refinement/connectToggleRefinement.ts
@@ -67,7 +67,7 @@ const createSendEvent = ({
         payload: {
           eventName,
           index: helper.getIndex(),
-          filters: on.map(value => `${attribute}:${value}`),
+          filters: on.map((value) => `${attribute}:${value}`),
         },
         attribute,
       });
@@ -147,284 +147,305 @@ export type ToggleRefinementConnector = Connector<
  *  - with or without the value filtered
  *  - switch between two values.
  */
-const connectToggleRefinement: ToggleRefinementConnector = function connectToggleRefinement(
-  renderFn,
-  unmountFn = noop
-) {
-  checkRendering(renderFn, withUsage());
+const connectToggleRefinement: ToggleRefinementConnector =
+  function connectToggleRefinement(renderFn, unmountFn = noop) {
+    checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
-    const { attribute, on: userOn = true, off: userOff } = widgetParams || {};
+    return (widgetParams) => {
+      const { attribute, on: userOn = true, off: userOff } = widgetParams || {};
 
-    if (!attribute) {
-      throw new Error(withUsage('The `attribute` option is required.'));
-    }
+      if (!attribute) {
+        throw new Error(withUsage('The `attribute` option is required.'));
+      }
 
-    const hasAnOffValue = userOff !== undefined;
-    const on = toArray(userOn).map(escapeRefinement);
-    const off = hasAnOffValue
-      ? toArray(userOff).map(escapeRefinement)
-      : undefined;
-
-    let sendEvent: SendEventForToggle;
-
-    const toggleRefinementFactory = (helper: AlgoliaSearchHelper) => (
-      {
-        isRefined,
-      }: {
-        isRefined: boolean;
-      } = { isRefined: false }
-    ) => {
-      if (!isRefined) {
-        sendEvent('click', isRefined);
-        if (hasAnOffValue) {
-          off!.forEach(v =>
-            helper.removeDisjunctiveFacetRefinement(attribute, v)
-          );
-        }
+      const hasAnOffValue = userOff !== undefined;
+      const on = toArray(userOn).map(escapeRefinement);
+      const off = hasAnOffValue
+        ? toArray(userOff).map(escapeRefinement)
+        : undefined;
 
-        on.forEach(v => helper.addDisjunctiveFacetRefinement(attribute, v));
-      } else {
-        on.forEach(v => helper.removeDisjunctiveFacetRefinement(attribute, v));
+      let sendEvent: SendEventForToggle;
 
-        if (hasAnOffValue) {
-          off!.forEach(v => helper.addDisjunctiveFacetRefinement(attribute, v));
-        }
-      }
+      const toggleRefinementFactory =
+        (helper: AlgoliaSearchHelper) =>
+        (
+          {
+            isRefined,
+          }: {
+            isRefined: boolean;
+          } = { isRefined: false }
+        ) => {
+          if (!isRefined) {
+            sendEvent('click', isRefined);
+            if (hasAnOffValue) {
+              off!.forEach((v) =>
+                helper.removeDisjunctiveFacetRefinement(attribute, v)
+              );
+            }
 
-      helper.search();
-    };
+            on.forEach((v) =>
+              helper.addDisjunctiveFacetRefinement(attribute, v)
+            );
+          } else {
+            on.forEach((v) =>
+              helper.removeDisjunctiveFacetRefinement(attribute, v)
+            );
 
-    const connectorState = {
-      createURLFactory: (
-        isRefined: boolean,
-        {
-          state,
-          createURL,
-        }: {
-          state: SearchParameters;
-          createURL(parameters: SearchParameters): string;
-        }
-      ) => () => {
-        state = state.resetPage();
-
-        const valuesToRemove = isRefined ? on : off;
-        if (valuesToRemove) {
-          valuesToRemove.forEach(v => {
-            state = state.removeDisjunctiveFacetRefinement(attribute, v);
-          });
-        }
+            if (hasAnOffValue) {
+              off!.forEach((v) =>
+                helper.addDisjunctiveFacetRefinement(attribute, v)
+              );
+            }
+          }
 
-        const valuesToAdd = isRefined ? off : on;
-        if (valuesToAdd) {
-          valuesToAdd.forEach(v => {
-            state = state.addDisjunctiveFacetRefinement(attribute, v);
-          });
-        }
+          helper.search();
+        };
 
-        return createURL(state);
-      },
-    };
+      const connectorState = {
+        createURLFactory:
+          (
+            isRefined: boolean,
+            {
+              state,
+              createURL,
+            }: {
+              state: SearchParameters;
+              createURL(parameters: SearchParameters): string;
+            }
+          ) =>
+          () => {
+            state = state.resetPage();
+
+            const valuesToRemove = isRefined ? on : off;
+            if (valuesToRemove) {
+              valuesToRemove.forEach((v) => {
+                state = state.removeDisjunctiveFacetRefinement(attribute, v);
+              });
+            }
+
+            const valuesToAdd = isRefined ? off : on;
+            if (valuesToAdd) {
+              valuesToAdd.forEach((v) => {
+                state = state.addDisjunctiveFacetRefinement(attribute, v);
+              });
+            }
+
+            return createURL(state);
+          },
+      };
 
-    return {
-      $$type,
+      return {
+        $$type,
 
-      init(initOptions) {
-        const { instantSearchInstance } = initOptions;
+        init(initOptions) {
+          const { instantSearchInstance } = initOptions;
 
-        renderFn(
-          {
-            ...this.getWidgetRenderState(initOptions),
-            instantSearchInstance,
-          },
-          true
-        );
-      },
+          renderFn(
+            {
+              ...this.getWidgetRenderState(initOptions),
+              instantSearchInstance,
+            },
+            true
+          );
+        },
 
-      render(renderOptions) {
-        const { instantSearchInstance } = renderOptions;
+        render(renderOptions) {
+          const { instantSearchInstance } = renderOptions;
 
-        renderFn(
-          {
-            ...this.getWidgetRenderState(renderOptions),
-            instantSearchInstance,
-          },
-          false
-        );
-      },
-
-      dispose({ state }) {
-        unmountFn();
-
-        return state.removeDisjunctiveFacet(attribute);
-      },
-
-      getRenderState(renderState, renderOptions) {
-        return {
-          ...renderState,
-          toggleRefinement: {
-            ...renderState.toggleRefinement,
-            [attribute]: this.getWidgetRenderState(renderOptions),
-          },
-        };
-      },
-
-      getWidgetRenderState({
-        state,
-        helper,
-        results,
-        createURL,
-        instantSearchInstance,
-      }) {
-        const isRefined = results
-          ? on.every(v => helper.state.isDisjunctiveFacetRefined(attribute, v))
-          : on.every(v => state.isDisjunctiveFacetRefined(attribute, v));
-
-        let onFacetValue: ToggleRefinementValue = {
-          isRefined,
-          count: 0,
-        };
+          renderFn(
+            {
+              ...this.getWidgetRenderState(renderOptions),
+              instantSearchInstance,
+            },
+            false
+          );
+        },
 
-        let offFacetValue: ToggleRefinementValue = {
-          isRefined: hasAnOffValue && !isRefined,
-          count: 0,
-        };
+        dispose({ state }) {
+          unmountFn();
 
-        if (results) {
-          const offValue = toArray(off || false);
-          const allFacetValues = (results.getFacetValues(attribute, {}) ||
-            []) as SearchResults.FacetValue[];
-
-          const onData = on
-            .map(v =>
-              find(allFacetValues, ({ name }) => name === unescapeRefinement(v))
-            )
-            .filter((v): v is SearchResults.FacetValue => v !== undefined);
-
-          const offData = hasAnOffValue
-            ? offValue
-                .map(v =>
-                  find(
-                    allFacetValues,
-                    ({ name }) => name === unescapeRefinement(v)
-                  )
-                )
-                .filter((v): v is SearchResults.FacetValue => v !== undefined)
-            : [];
+          return state.removeDisjunctiveFacet(attribute);
+        },
 
-          onFacetValue = {
-            isRefined: onData.length ? onData.every(v => v.isRefined) : false,
-            count: onData.reduce((acc, v) => acc + v.count, 0) || null,
+        getRenderState(renderState, renderOptions) {
+          return {
+            ...renderState,
+            toggleRefinement: {
+              ...renderState.toggleRefinement,
+              [attribute]: this.getWidgetRenderState(renderOptions),
+            },
           };
+        },
 
-          offFacetValue = {
-            isRefined: offData.length ? offData.every(v => v.isRefined) : false,
-            count:
-              offData.reduce((acc, v) => acc + v.count, 0) ||
-              allFacetValues.reduce((total, { count }) => total + count, 0),
+        getWidgetRenderState({
+          state,
+          helper,
+          results,
+          createURL,
+          instantSearchInstance,
+        }) {
+          const isRefined = results
+            ? on.every((v) =>
+                helper.state.isDisjunctiveFacetRefined(attribute, v)
+              )
+            : on.every((v) => state.isDisjunctiveFacetRefined(attribute, v));
+
+          let onFacetValue: ToggleRefinementValue = {
+            isRefined,
+            count: 0,
           };
-        } else if (hasAnOffValue && !isRefined) {
-          if (off) {
-            off.forEach(v =>
-              helper.addDisjunctiveFacetRefinement(attribute, v)
-            );
-          }
 
-          helper.setPage(helper.state.page!);
-        }
+          let offFacetValue: ToggleRefinementValue = {
+            isRefined: hasAnOffValue && !isRefined,
+            count: 0,
+          };
 
-        if (!sendEvent) {
-          sendEvent = createSendEvent({
-            instantSearchInstance,
-            attribute,
-            on,
-            helper,
-          });
-        }
-        const nextRefinement = isRefined ? offFacetValue : onFacetValue;
+          if (results) {
+            const offValue = toArray(off || false);
+            const allFacetValues = (results.getFacetValues(attribute, {}) ||
+              []) as SearchResults.FacetValue[];
 
-        return {
-          value: {
-            name: attribute,
-            isRefined,
-            count: results ? nextRefinement.count : null,
-            onFacetValue,
-            offFacetValue,
-          },
-          createURL: connectorState.createURLFactory(isRefined, {
-            state,
-            createURL,
-          }),
-          sendEvent,
-          canRefine: Boolean(results ? nextRefinement.count : null),
-          refine: toggleRefinementFactory(helper),
-          widgetParams,
-        };
-      },
+            const onData = on
+              .map((v) =>
+                find(
+                  allFacetValues,
+                  ({ name }) => name === unescapeRefinement(v)
+                )
+              )
+              .filter((v): v is SearchResults.FacetValue => v !== undefined);
+
+            const offData = hasAnOffValue
+              ? offValue
+                  .map((v) =>
+                    find(
+                      allFacetValues,
+                      ({ name }) => name === unescapeRefinement(v)
+                    )
+                  )
+                  .filter((v): v is SearchResults.FacetValue => v !== undefined)
+              : [];
+
+            onFacetValue = {
+              isRefined: onData.length
+                ? onData.every((v) => v.isRefined)
+                : false,
+              count: onData.reduce((acc, v) => acc + v.count, 0) || null,
+            };
+
+            offFacetValue = {
+              isRefined: offData.length
+                ? offData.every((v) => v.isRefined)
+                : false,
+              count:
+                offData.reduce((acc, v) => acc + v.count, 0) ||
+                allFacetValues.reduce((total, { count }) => total + count, 0),
+            };
+          } else if (hasAnOffValue && !isRefined) {
+            if (off) {
+              off.forEach((v) =>
+                helper.addDisjunctiveFacetRefinement(attribute, v)
+              );
+            }
 
-      getWidgetUiState(uiState, { searchParameters }) {
-        const isRefined =
-          on &&
-          on.every(v =>
-            searchParameters.isDisjunctiveFacetRefined(attribute, v)
-          );
+            helper.setPage(helper.state.page!);
+          }
 
-        if (!isRefined) {
-          return uiState;
-        }
+          if (!sendEvent) {
+            sendEvent = createSendEvent({
+              instantSearchInstance,
+              attribute,
+              on,
+              helper,
+            });
+          }
+          const nextRefinement = isRefined ? offFacetValue : onFacetValue;
+
+          return {
+            value: {
+              name: attribute,
+              isRefined,
+              count: results ? nextRefinement.count : null,
+              onFacetValue,
+              offFacetValue,
+            },
+            createURL: connectorState.createURLFactory(isRefined, {
+              state,
+              createURL,
+            }),
+            sendEvent,
+            canRefine: Boolean(results ? nextRefinement.count : null),
+            refine: toggleRefinementFactory(helper),
+            widgetParams,
+          };
+        },
 
-        return {
-          ...uiState,
-          toggle: {
-            ...uiState.toggle,
-            [attribute]: isRefined,
-          },
-        };
-      },
+        getWidgetUiState(uiState, { searchParameters }) {
+          const isRefined =
+            on &&
+            on.every((v) =>
+              searchParameters.isDisjunctiveFacetRefined(attribute, v)
+            );
 
-      getWidgetSearchParameters(searchParameters, { uiState }) {
-        let withFacetConfiguration = searchParameters
-          .clearRefinements(attribute)
-          .addDisjunctiveFacet(attribute);
+          if (!isRefined) {
+            return uiState;
+          }
 
-        const isRefined = Boolean(uiState.toggle && uiState.toggle[attribute]);
+          return {
+            ...uiState,
+            toggle: {
+              ...uiState.toggle,
+              [attribute]: isRefined,
+            },
+          };
+        },
 
-        if (isRefined) {
-          if (on) {
-            on.forEach(v => {
-              withFacetConfiguration = withFacetConfiguration.addDisjunctiveFacetRefinement(
-                attribute,
-                v
-              );
-            });
-          }
+        getWidgetSearchParameters(searchParameters, { uiState }) {
+          let withFacetConfiguration = searchParameters
+            .clearRefinements(attribute)
+            .addDisjunctiveFacet(attribute);
+
+          const isRefined = Boolean(
+            uiState.toggle && uiState.toggle[attribute]
+          );
 
-          return withFacetConfiguration;
-        }
+          if (isRefined) {
+            if (on) {
+              on.forEach((v) => {
+                withFacetConfiguration =
+                  withFacetConfiguration.addDisjunctiveFacetRefinement(
+                    attribute,
+                    v
+                  );
+              });
+            }
+
+            return withFacetConfiguration;
+          }
 
-        // It's not refined with an `off` value
-        if (hasAnOffValue) {
-          if (off) {
-            off.forEach(v => {
-              withFacetConfiguration = withFacetConfiguration.addDisjunctiveFacetRefinement(
-                attribute,
-                v
-              );
-            });
+          // It's not refined with an `off` value
+          if (hasAnOffValue) {
+            if (off) {
+              off.forEach((v) => {
+                withFacetConfiguration =
+                  withFacetConfiguration.addDisjunctiveFacetRefinement(
+                    attribute,
+                    v
+                  );
+              });
+            }
+            return withFacetConfiguration;
           }
-          return withFacetConfiguration;
-        }
-
-        // It's not refined without an `off` value
-        return withFacetConfiguration.setQueryParameters({
-          disjunctiveFacetsRefinements: {
-            ...searchParameters.disjunctiveFacetsRefinements,
-            [attribute]: [],
-          },
-        });
-      },
+
+          // It's not refined without an `off` value
+          return withFacetConfiguration.setQueryParameters({
+            disjunctiveFacetsRefinements: {
+              ...searchParameters.disjunctiveFacetsRefinements,
+              [attribute]: [],
+            },
+          });
+        },
+      };
     };
   };
-};
 
 export default connectToggleRefinement;
diff --git a/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts b/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts
index 926c94f766..130b563844 100644
--- a/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts
+++ b/src/connectors/voice-search/__tests__/connectVoiceSearch-test.ts
@@ -21,7 +21,7 @@ jest.mock('../../../lib/voiceSearchHelper', () => {
   } => {
     let isListening = false;
 
-    const helper = ({
+    const helper = {
       getState: () => {},
       isBrowserSupported: () => true,
       isListening: () => isListening,
@@ -29,7 +29,7 @@ jest.mock('../../../lib/voiceSearchHelper', () => {
         isListening = !isListening;
       },
       dispose: jest.fn(),
-    } as unknown) as VoiceSearchHelper;
+    } as unknown as VoiceSearchHelper;
 
     return {
       ...helper,
diff --git a/src/connectors/voice-search/connectVoiceSearch.ts b/src/connectors/voice-search/connectVoiceSearch.ts
index fbbe642f14..f1f30d5e2b 100644
--- a/src/connectors/voice-search/connectVoiceSearch.ts
+++ b/src/connectors/voice-search/connectVoiceSearch.ts
@@ -57,7 +57,7 @@ const connectVoiceSearch: VoiceSearchConnector = function connectVoiceSearch(
 ) {
   checkRendering(renderFn, withUsage());
 
-  return widgetParams => {
+  return (widgetParams) => {
     const {
       searchAsYouSpeak = false,
       language,
@@ -128,7 +128,7 @@ const connectVoiceSearch: VoiceSearchConnector = function connectVoiceSearch(
           (this as any)._voiceSearchHelper = createVoiceSearchHelper({
             searchAsYouSpeak,
             language,
-            onQueryChange: query => (this as any)._refine(query),
+            onQueryChange: (query) => (this as any)._refine(query),
             onStateChange: () => {
               renderFn(
                 {
@@ -176,9 +176,9 @@ const connectVoiceSearch: VoiceSearchConnector = function connectVoiceSearch(
         if (typeof additionalQueryParameters === 'function') {
           const additional = additionalQueryParameters({ query: '' });
           const toReset = additional
-            ? (Object.keys(additional) as Array<
-                keyof PlainSearchParameters
-              >).reduce<PlainSearchParameters>((acc, current) => {
+            ? (
+                Object.keys(additional) as Array<keyof PlainSearchParameters>
+              ).reduce<PlainSearchParameters>((acc, current) => {
                 // @ts-ignore search parameters is typed as readonly in v4
                 acc[current] = undefined;
                 return acc;
diff --git a/src/helpers/insights.ts b/src/helpers/insights.ts
index 684638e3ff..8e5d85b7e5 100644
--- a/src/helpers/insights.ts
+++ b/src/helpers/insights.ts
@@ -1,9 +1,7 @@
 import { InsightsClientMethod, InsightsClientPayload } from '../types';
 import { warning, serializePayload, deserializePayload } from '../lib/utils';
 
-export function readDataAttributes(
-  domElement: HTMLElement
-): {
+export function readDataAttributes(domElement: HTMLElement): {
   method: InsightsClientMethod;
   payload: Partial<InsightsClientPayload>;
 } {
@@ -20,9 +18,8 @@ export function readDataAttributes(
   }
 
   try {
-    const payload: Partial<InsightsClientPayload> = deserializePayload(
-      serializedPayload
-    );
+    const payload: Partial<InsightsClientPayload> =
+      deserializePayload(serializedPayload);
     return { method, payload };
   } catch (error) {
     throw new Error(
diff --git a/src/index.es.ts b/src/index.es.ts
index 1f906b1fd2..27c9bff9b8 100644
--- a/src/index.es.ts
+++ b/src/index.es.ts
@@ -50,7 +50,7 @@ type InstantSearchModule = {
  * If you want to get up and running quickly with InstantSearch.js, have a
  * look at the [getting started](https://www.algolia.com/doc/guides/building-search-ui/getting-started/js/).
  */
-const instantsearch: InstantSearchModule = options =>
+const instantsearch: InstantSearchModule = (options) =>
   new InstantSearch(options);
 
 instantsearch.version = version;
diff --git a/src/index.ts b/src/index.ts
index 86054d831f..e5d63f66e0 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -48,7 +48,7 @@ type InstantSearchModule = {
  * If you want to get up and running quickly with InstantSearch.js, have a
  * look at the [getting started](https://www.algolia.com/doc/guides/building-search-ui/getting-started/js/).
  */
-const instantsearch: InstantSearchModule = options =>
+const instantsearch: InstantSearchModule = (options) =>
   new InstantSearch(options);
 
 instantsearch.version = version;
@@ -60,7 +60,8 @@ instantsearch.middlewares = middlewares;
 instantsearch.routers = routers;
 instantsearch.stateMappings = stateMappings;
 
-instantsearch.createInfiniteHitsSessionStorageCache = createInfiniteHitsSessionStorageCache;
+instantsearch.createInfiniteHitsSessionStorageCache =
+  createInfiniteHitsSessionStorageCache;
 instantsearch.highlight = helpers.highlight;
 instantsearch.reverseHighlight = helpers.reverseHighlight;
 instantsearch.snippet = helpers.snippet;
diff --git a/src/lib/InstantSearch.ts b/src/lib/InstantSearch.ts
index 2d97033078..89341046eb 100644
--- a/src/lib/InstantSearch.ts
+++ b/src/lib/InstantSearch.ts
@@ -274,7 +274,7 @@ See ${createDocumentationLink({
    * Hooks a middleware into the InstantSearch lifecycle.
    */
   public use(...middleware: Middleware[]): this {
-    const newMiddlewareList = middleware.map(fn => {
+    const newMiddlewareList = middleware.map((fn) => {
       const newMiddleware = {
         subscribe: noop,
         unsubscribe: noop,
@@ -291,7 +291,7 @@ See ${createDocumentationLink({
     // If the instance has already started, we directly subscribe the
     // middleware so they're notified of changes.
     if (this.started) {
-      newMiddlewareList.forEach(m => {
+      newMiddlewareList.forEach((m) => {
         m.subscribe();
       });
     }
@@ -304,11 +304,11 @@ See ${createDocumentationLink({
    */
   public unuse(...middlewareToUnuse: Middleware[]): this {
     this.middleware
-      .filter(m => middlewareToUnuse.includes(m.creator))
-      .forEach(m => m.instance.unsubscribe());
+      .filter((m) => middlewareToUnuse.includes(m.creator))
+      .forEach((m) => m.instance.unsubscribe());
 
     this.middleware = this.middleware.filter(
-      m => !middlewareToUnuse.includes(m.creator)
+      (m) => !middlewareToUnuse.includes(m.creator)
     );
 
     return this;
@@ -356,7 +356,7 @@ See ${createDocumentationLink({
 
     if (
       widgets.some(
-        widget =>
+        (widget) =>
           typeof widget.init !== 'function' &&
           typeof widget.render !== 'function'
       )
@@ -404,7 +404,7 @@ See ${createDocumentationLink({
       );
     }
 
-    if (widgets.some(widget => typeof widget.dispose !== 'function')) {
+    if (widgets.some((widget) => typeof widget.dispose !== 'function')) {
       throw new Error(
         withUsage('The widget definition expects a `dispose` method.')
       );
@@ -447,9 +447,9 @@ See ${createDocumentationLink({
     if (this._searchFunction) {
       // this client isn't used to actually search, but required for the helper
       // to not throw errors
-      const fakeClient = ({
+      const fakeClient = {
         search: () => new Promise(noop),
-      } as any) as SearchClient;
+      } as any as SearchClient;
 
       this._mainHelperSearch = mainHelper.search.bind(mainHelper);
       mainHelper.search = () => {
diff --git a/src/lib/__tests__/InstantSearch-test.tsx b/src/lib/__tests__/InstantSearch-test.tsx
index 53acd7517c..649788d7b8 100644
--- a/src/lib/__tests__/InstantSearch-test.tsx
+++ b/src/lib/__tests__/InstantSearch-test.tsx
@@ -48,9 +48,8 @@ jest.mock('algoliasearch-helper', () => {
   const mock = jest.fn((...args: Parameters<AlgoliaHelperModule>) => {
     const helper = module(...args);
 
-    const searchOnlyWithDerivedHelpers = helper.searchOnlyWithDerivedHelpers.bind(
-      helper
-    );
+    const searchOnlyWithDerivedHelpers =
+      helper.searchOnlyWithDerivedHelpers.bind(helper);
 
     helper.searchOnlyWithDerivedHelpers = jest.fn((...searchArgs) => {
       return searchOnlyWithDerivedHelpers(...searchArgs);
@@ -663,7 +662,9 @@ describe('start', () => {
   });
 
   it('calls the provided `searchFunction` with a single request', () => {
-    const searchFunction = jest.fn(helper => helper.setQuery('test').search());
+    const searchFunction = jest.fn((helper) =>
+      helper.setQuery('test').search()
+    );
     const searchClient = createSearchClient();
     const search = new InstantSearch({
       indexName: 'indexName',
@@ -807,7 +808,7 @@ describe('start', () => {
   });
 
   // eslint-disable-next-line jest/no-done-callback
-  it('triggers a search with errors', done => {
+  it('triggers a search with errors', (done) => {
     const searchClient = createSearchClient({
       // @ts-ignore (this fails in v4, not in v3, therefore not ts-expect-error)
       search: jest.fn(() => Promise.reject(new Error('SERVER_ERROR'))),
@@ -822,7 +823,7 @@ describe('start', () => {
 
     search.start();
 
-    search.on('error', event => {
+    search.on('error', (event) => {
       expect(searchClient.search).toHaveBeenCalledTimes(1);
       expect(event.error).toEqual(new Error('SERVER_ERROR'));
       done();
@@ -1177,7 +1178,7 @@ describe('scheduleRender', () => {
   });
 
   // eslint-disable-next-line jest/no-done-callback
-  it('emits a `render` event once the render is complete', done => {
+  it('emits a `render` event once the render is complete', (done) => {
     const search = new InstantSearch({
       indexName: 'indexName',
       searchClient: createSearchClient(),
@@ -1526,7 +1527,7 @@ describe('use', () => {
     });
     const searchBox = createSearchBox({});
     const searchBoxInit = searchBox.init!;
-    searchBox.init = jest.fn(args => searchBoxInit.bind(searchBox, args)());
+    searchBox.init = jest.fn((args) => searchBoxInit.bind(searchBox, args)());
     const middlewareSpy = {
       onStateChange: jest.fn(),
       subscribe: jest.fn(),
@@ -1974,7 +1975,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
     ]);
     search.start();
 
-    search.setUiState(prevUiState => {
+    search.setUiState((prevUiState) => {
       expect(prevUiState).toEqual({
         indexName: {
           query: 'Initial query',
@@ -1996,7 +1997,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/instantsear
 
     await runAllMicroTasks();
 
-    search.setUiState(prevUiState => {
+    search.setUiState((prevUiState) => {
       expect(prevUiState).toEqual({
         indexName: {
           page: 2,
@@ -2246,11 +2247,19 @@ describe('getUiState', () => {
       .getWidgetRenderState(createRenderOptions())
       .refine(3);
 
-    ((search.mainIndex.getWidgets()[2] as IndexWidget).getWidgets()[0] as SearchBoxWidgetInstance)
+    (
+      (
+        search.mainIndex.getWidgets()[2] as IndexWidget
+      ).getWidgets()[0] as SearchBoxWidgetInstance
+    )
       .getWidgetRenderState(createRenderOptions())
       .refine('test2');
 
-    ((search.mainIndex.getWidgets()[2] as IndexWidget).getWidgets()[1] as PaginationWidgetInstance)
+    (
+      (
+        search.mainIndex.getWidgets()[2] as IndexWidget
+      ).getWidgets()[1] as PaginationWidgetInstance
+    )
       .getWidgetRenderState(createRenderOptions())
       .refine(39);
 
diff --git a/src/lib/__tests__/RoutingManager-test.ts b/src/lib/__tests__/RoutingManager-test.ts
index 80a35284be..5e1591618a 100644
--- a/src/lib/__tests__/RoutingManager-test.ts
+++ b/src/lib/__tests__/RoutingManager-test.ts
@@ -71,7 +71,7 @@ const createFakeHistory = <TEntry = Record<string, unknown>>(
     },
     back() {
       state.index--;
-      listeners.forEach(listener => {
+      listeners.forEach((listener) => {
         listener(state.entries[state.index]);
       });
     },
@@ -115,7 +115,7 @@ const createFakeHitsPerPage = (): Widget =>
 describe('RoutingManager', () => {
   describe('within instantsearch', () => {
     // eslint-disable-next-line jest/no-done-callback
-    test('should write in the router on searchParameters change', done => {
+    test('should write in the router on searchParameters change', (done) => {
       const searchClient = createSearchClient();
       const router = createFakeRouter({
         write: jest.fn(),
@@ -136,7 +136,7 @@ describe('RoutingManager', () => {
           q: searchParameters.query,
         })),
         getWidgetSearchParameters: jest.fn(
-          searchParameters => searchParameters
+          (searchParameters) => searchParameters
         ),
       });
 
@@ -169,12 +169,12 @@ describe('RoutingManager', () => {
     });
 
     // eslint-disable-next-line jest/no-done-callback
-    test('should update the searchParameters on router state update', done => {
+    test('should update the searchParameters on router state update', (done) => {
       const searchClient = createSearchClient();
 
       let onRouterUpdateCallback: (args: UiState) => void;
       const router = createFakeRouter({
-        onUpdate: fn => {
+        onUpdate: (fn) => {
           onRouterUpdateCallback = fn;
         },
       });
@@ -220,7 +220,7 @@ describe('RoutingManager', () => {
     });
 
     // eslint-disable-next-line jest/no-done-callback
-    test('should apply state mapping on differences after searchFunction', done => {
+    test('should apply state mapping on differences after searchFunction', (done) => {
       const searchClient = createSearchClient();
 
       const router = createFakeRouter({
@@ -244,7 +244,7 @@ describe('RoutingManager', () => {
 
       const search = instantsearch({
         indexName: 'indexName',
-        searchFunction: helper => {
+        searchFunction: (helper) => {
           helper.setQuery('test').search();
         },
         searchClient,
@@ -263,7 +263,7 @@ describe('RoutingManager', () => {
             };
           },
           getWidgetSearchParameters: jest.fn(
-            searchParameters => searchParameters
+            (searchParameters) => searchParameters
           ),
         }),
       ]);
@@ -387,11 +387,11 @@ describe('RoutingManager', () => {
       const history = createFakeHistory<UiState>();
       const router = createFakeRouter({
         onUpdate(fn) {
-          history.subscribe(state => {
+          history.subscribe((state) => {
             fn(state);
           });
         },
-        write: jest.fn(state => {
+        write: jest.fn((state) => {
           history.push(state);
         }),
       });
@@ -479,11 +479,11 @@ describe('RoutingManager', () => {
       const history = createFakeHistory<UiState>();
       const router = createFakeRouter({
         onUpdate(fn) {
-          history.subscribe(state => {
+          history.subscribe((state) => {
             fn(state);
           });
         },
-        write: jest.fn(state => {
+        write: jest.fn((state) => {
           history.push(state);
         }),
       });
diff --git a/src/lib/__tests__/insights-client-test.ts b/src/lib/__tests__/insights-client-test.ts
index d323d4d49d..e689484295 100644
--- a/src/lib/__tests__/insights-client-test.ts
+++ b/src/lib/__tests__/insights-client-test.ts
@@ -5,19 +5,19 @@ import { createInstantSearch } from '../../../test/mock/createInstantSearch';
 import { createSingleSearchResponse } from '../../../test/mock/createAPIResponse';
 import { castToJestMock } from '../../../test/utils/castToJestMock';
 
-const connectHits = (renderFn: any, unmountFn: any) => (
-  widgetParams = {}
-): Widget => ({
-  $$type: 'ais.hits',
-  init() {},
-  render({ results, instantSearchInstance }) {
-    const hits = results.hits;
-    renderFn({ hits, results, instantSearchInstance, widgetParams }, false);
-  },
-  dispose() {
-    unmountFn();
-  },
-});
+const connectHits =
+  (renderFn: any, unmountFn: any) =>
+  (widgetParams = {}): Widget => ({
+    $$type: 'ais.hits',
+    init() {},
+    render({ results, instantSearchInstance }) {
+      const hits = results.hits;
+      renderFn({ hits, results, instantSearchInstance, widgetParams }, false);
+    },
+    dispose() {
+      unmountFn();
+    },
+  });
 
 const createWidgetWithInsights = ({
   renderFn,
diff --git a/src/lib/createHelpers.ts b/src/lib/createHelpers.ts
index bfca042d82..82697de017 100644
--- a/src/lib/createHelpers.ts
+++ b/src/lib/createHelpers.ts
@@ -36,9 +36,8 @@ export default function hoganHelpers({
     },
     highlight(options, render) {
       try {
-        const highlightOptions: Omit<HighlightOptions, 'hit'> = JSON.parse(
-          options
-        );
+        const highlightOptions: Omit<HighlightOptions, 'hit'> =
+          JSON.parse(options);
 
         return render(
           highlight({
@@ -54,10 +53,8 @@ The highlight helper expects a JSON object of the format:
     },
     reverseHighlight(options, render) {
       try {
-        const reverseHighlightOptions: Omit<
-          ReverseHighlightOptions,
-          'hit'
-        > = JSON.parse(options);
+        const reverseHighlightOptions: Omit<ReverseHighlightOptions, 'hit'> =
+          JSON.parse(options);
 
         return render(
           reverseHighlight({
@@ -89,10 +86,8 @@ The snippet helper expects a JSON object of the format:
     },
     reverseSnippet(options, render) {
       try {
-        const reverseSnippetOptions: Omit<
-          ReverseSnippetOptions,
-          'hit'
-        > = JSON.parse(options);
+        const reverseSnippetOptions: Omit<ReverseSnippetOptions, 'hit'> =
+          JSON.parse(options);
 
         return render(
           reverseSnippet({
diff --git a/src/lib/infiniteHitsCache/__tests__/sessionStorage.ts b/src/lib/infiniteHitsCache/__tests__/sessionStorage.ts
index a9273ca238..5c3c575c2c 100644
--- a/src/lib/infiniteHitsCache/__tests__/sessionStorage.ts
+++ b/src/lib/infiniteHitsCache/__tests__/sessionStorage.ts
@@ -8,11 +8,11 @@ describe('createInfiniteHitsSessionStorageCache', () => {
   delete window.sessionStorage;
 
   let store: Record<string, unknown> = {};
-  const getItem = jest.fn(key => store[key]);
+  const getItem = jest.fn((key) => store[key]);
   const setItem = jest.fn((key, value) => {
     store[key] = value;
   });
-  const removeItem = jest.fn(key => delete store[key]);
+  const removeItem = jest.fn((key) => delete store[key]);
   const defaultHits = [
     { objectID: 'a', __position: 0 },
     { objectID: 'b', __position: 1 },
diff --git a/src/lib/insights/__tests__/client-test.js b/src/lib/insights/__tests__/client-test.js
index 194fb78138..f3bcdd9834 100644
--- a/src/lib/insights/__tests__/client-test.js
+++ b/src/lib/insights/__tests__/client-test.js
@@ -11,7 +11,7 @@ describe('withInsights', () => {
         eventName: 'Add to basket',
       });
     };
-    const connector = renderFn => () => ({
+    const connector = (renderFn) => () => ({
       init() {
         renderFn({
           results: {},
diff --git a/src/lib/insights/client.ts b/src/lib/insights/client.ts
index ae4a2b5478..0398dc9f30 100644
--- a/src/lib/insights/client.ts
+++ b/src/lib/insights/client.ts
@@ -15,8 +15,8 @@ import {
 } from '../../types';
 
 const getSelectedHits = (hits: Hits, selectedObjectIDs: string[]): Hits => {
-  return selectedObjectIDs.map(objectID => {
-    const hit = find(hits, h => h.objectID === objectID);
+  return selectedObjectIDs.map((objectID) => {
+    const hit = find(hits, (h) => h.objectID === objectID);
     if (typeof hit === 'undefined') {
       throw new Error(
         `Could not find objectID "${objectID}" passed to \`clickedObjectIDsAfterSearch\` in the returned hits. This is necessary to infer the absolute position and the query ID.`
@@ -27,7 +27,7 @@ const getSelectedHits = (hits: Hits, selectedObjectIDs: string[]): Hits => {
 };
 
 const getQueryID = (selectedHits: Hits): string => {
-  const queryIDs = uniq(selectedHits.map(hit => hit.__queryID));
+  const queryIDs = uniq(selectedHits.map((hit) => hit.__queryID));
   if (queryIDs.length > 1) {
     throw new Error(
       'Insights currently allows a single `queryID`. The `objectIDs` provided map to multiple `queryID`s.'
@@ -45,7 +45,7 @@ See: https://alg.li/lNiZZ7`
 };
 
 const getPositions = (selectedHits: Hits): number[] =>
-  selectedHits.map(hit => hit.__position);
+  selectedHits.map((hit) => hit.__position);
 
 export const inferPayload = ({
   method,
@@ -76,41 +76,40 @@ export const inferPayload = ({
   }
 };
 
-const wrapInsightsClient = (
-  aa: InsightsClient | null,
-  results: SearchResults,
-  hits: Hits
-): InsightsClientWrapper => (
-  method: InsightsClientMethod,
-  payload: Partial<InsightsClientPayload>
-) => {
-  warning(
-    false,
-    `\`insights\` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the \`insights\` middleware.
+const wrapInsightsClient =
+  (
+    aa: InsightsClient | null,
+    results: SearchResults,
+    hits: Hits
+  ): InsightsClientWrapper =>
+  (method: InsightsClientMethod, payload: Partial<InsightsClientPayload>) => {
+    warning(
+      false,
+      `\`insights\` function has been deprecated. It is still supported in 4.x releases, but not further. It is replaced by the \`insights\` middleware.
 
 For more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/`
-  );
-  if (!aa) {
-    const withInstantSearchUsage = createDocumentationMessageGenerator({
-      name: 'instantsearch',
-    });
-    throw new Error(
-      withInstantSearchUsage(
-        'The `insightsClient` option has not been provided to `instantsearch`.'
-      )
     );
-  }
-  if (!Array.isArray(payload.objectIDs)) {
-    throw new TypeError('Expected `objectIDs` to be an array.');
-  }
-  const inferredPayload = inferPayload({
-    method,
-    results,
-    hits,
-    objectIDs: payload.objectIDs,
-  });
-  aa(method, { ...inferredPayload, ...payload } as any);
-};
+    if (!aa) {
+      const withInstantSearchUsage = createDocumentationMessageGenerator({
+        name: 'instantsearch',
+      });
+      throw new Error(
+        withInstantSearchUsage(
+          'The `insightsClient` option has not been provided to `instantsearch`.'
+        )
+      );
+    }
+    if (!Array.isArray(payload.objectIDs)) {
+      throw new TypeError('Expected `objectIDs` to be an array.');
+    }
+    const inferredPayload = inferPayload({
+      method,
+      results,
+      hits,
+      objectIDs: payload.objectIDs,
+    });
+    aa(method, { ...inferredPayload, ...payload } as any);
+  };
 
 /**
  * @deprecated This function will be still supported in 4.x releases, but not further. It is replaced by the `insights` middleware. For more information, visit https://www.algolia.com/doc/guides/getting-insights-and-analytics/search-analytics/click-through-and-conversions/how-to/send-click-and-conversion-events-with-instantsearch/js/
diff --git a/src/lib/insights/listener.tsx b/src/lib/insights/listener.tsx
index a58cd29cae..4446158532 100644
--- a/src/lib/insights/listener.tsx
+++ b/src/lib/insights/listener.tsx
@@ -29,7 +29,7 @@ const findInsightsTarget = (
 
 type ParseInsightsEvent = (element: HTMLElement) => InsightsEvent;
 
-const parseInsightsEvent: ParseInsightsEvent = element => {
+const parseInsightsEvent: ParseInsightsEvent = (element) => {
   const serializedPayload = element.getAttribute('data-insights-event');
 
   if (typeof serializedPayload !== 'string') {
@@ -55,7 +55,7 @@ const insightsListener = (BaseComponent: any) => {
         const targetWithEvent = findInsightsTarget(
           event.target as HTMLElement | null,
           event.currentTarget as HTMLElement | null,
-          element => element.hasAttribute('data-insights-event')
+          (element) => element.hasAttribute('data-insights-event')
         );
         if (targetWithEvent) {
           const payload = parseInsightsEvent(targetWithEvent);
@@ -67,7 +67,7 @@ const insightsListener = (BaseComponent: any) => {
       const insightsTarget = findInsightsTarget(
         event.target as HTMLElement | null,
         event.currentTarget as HTMLElement | null,
-        element => hasDataAttributes(element)
+        (element) => hasDataAttributes(element)
       );
       if (insightsTarget) {
         const { method, payload } = readDataAttributes(insightsTarget);
diff --git a/src/lib/routers/history.ts b/src/lib/routers/history.ts
index c41cca604a..b212406780 100644
--- a/src/lib/routers/history.ts
+++ b/src/lib/routers/history.ts
@@ -109,7 +109,7 @@ class BrowserHistory<TRouteState> implements Router<TRouteState> {
    * It enables the URL sync to keep track of the changes.
    */
   public onUpdate(callback: (routeState: TRouteState) => void): void {
-    this._onPopState = event => {
+    this._onPopState = (event) => {
       if (this.writeTimer) {
         window.clearTimeout(this.writeTimer);
         this.writeTimer = undefined;
diff --git a/src/lib/stateMappings/singleIndex.ts b/src/lib/stateMappings/singleIndex.ts
index 5e02446a7c..57258f2201 100644
--- a/src/lib/stateMappings/singleIndex.ts
+++ b/src/lib/stateMappings/singleIndex.ts
@@ -17,9 +17,9 @@ export default function singleIndexStateMapping<
       return getIndexStateWithoutConfigure(uiState[indexName] || {});
     },
     routeToState(routeState = {} as TUiState[typeof indexName]) {
-      return ({
+      return {
         [indexName]: getIndexStateWithoutConfigure(routeState),
-      } as unknown) as TUiState;
+      } as unknown as TUiState;
     },
   };
 }
diff --git a/src/lib/suit.ts b/src/lib/suit.ts
index ffdeb29cca..c060af6a0d 100644
--- a/src/lib/suit.ts
+++ b/src/lib/suit.ts
@@ -7,12 +7,11 @@ type SuitOptions = {
 
 type SuitSelector = (names?: SuitOptions) => string;
 
-export const component = (componentName: string): SuitSelector => ({
-  descendantName,
-  modifierName,
-}: SuitOptions = {}) => {
-  const descendent = descendantName ? `-${descendantName}` : '';
-  const modifier = modifierName ? `--${modifierName}` : '';
+export const component =
+  (componentName: string): SuitSelector =>
+  ({ descendantName, modifierName }: SuitOptions = {}) => {
+    const descendent = descendantName ? `-${descendantName}` : '';
+    const modifier = modifierName ? `--${modifierName}` : '';
 
-  return `${NAMESPACE}-${componentName}${descendent}${modifier}`;
-};
+    return `${NAMESPACE}-${componentName}${descendent}${modifier}`;
+  };
diff --git a/src/lib/utils/__tests__/debounce-test.ts b/src/lib/utils/__tests__/debounce-test.ts
index e9e500713a..40c99a56ce 100644
--- a/src/lib/utils/__tests__/debounce-test.ts
+++ b/src/lib/utils/__tests__/debounce-test.ts
@@ -31,7 +31,7 @@ describe('debounce', () => {
   });
 
   it('returns a promise', async () => {
-    const originalFunction = jest.fn(x => Promise.resolve(x));
+    const originalFunction = jest.fn((x) => Promise.resolve(x));
     const debouncedFunction = debounce(originalFunction, 100);
 
     debouncedFunction('a');
@@ -54,7 +54,7 @@ describe('debounce', () => {
   });
 
   it('accepts synchronous function as well', async () => {
-    const originalFunction = jest.fn(x => x);
+    const originalFunction = jest.fn((x) => x);
     const debouncedFunction = debounce(originalFunction, 100);
     const promise = debouncedFunction('a');
 
diff --git a/src/lib/utils/__tests__/find-test.ts b/src/lib/utils/__tests__/find-test.ts
index 915008f4b7..4689244f64 100644
--- a/src/lib/utils/__tests__/find-test.ts
+++ b/src/lib/utils/__tests__/find-test.ts
@@ -4,28 +4,28 @@ describe('find', () => {
   describe('with native array method', () => {
     test('with empty array', () => {
       const items: never[] = [];
-      const actual = find(items, item => item === 'hello');
+      const actual = find(items, (item) => item === 'hello');
 
       expect(actual).toEqual(undefined);
     });
 
     test('with unknown item in array', () => {
       const items = ['hey'];
-      const actual = find(items, item => item === 'hello');
+      const actual = find(items, (item) => item === 'hello');
 
       expect(actual).toEqual(undefined);
     });
 
     test('with an array of strings', () => {
       const items = ['hello', 'goodbye'];
-      const actual = find(items, item => item === 'hello');
+      const actual = find(items, (item) => item === 'hello');
 
       expect(actual).toEqual('hello');
     });
 
     test('with an array of objects', () => {
       const items = [{ name: 'John' }, { name: 'Jane' }];
-      const actual = find(items, item => item.name === 'John');
+      const actual = find(items, (item) => item.name === 'John');
 
       expect(actual).toEqual(items[0]);
     });
@@ -46,28 +46,28 @@ describe('find', () => {
 
     test('with empty array', () => {
       const items: never[] = [];
-      const actual = find(items, item => item === 'hello');
+      const actual = find(items, (item) => item === 'hello');
 
       expect(actual).toEqual(undefined);
     });
 
     test('with unknown item in array', () => {
       const items = ['hey'];
-      const actual = find(items, item => item === 'hello');
+      const actual = find(items, (item) => item === 'hello');
 
       expect(actual).toEqual(undefined);
     });
 
     test('with an array of strings', () => {
       const items = ['hello', 'goodbye'];
-      const actual = find(items, item => item === 'hello');
+      const actual = find(items, (item) => item === 'hello');
 
       expect(actual).toEqual('hello');
     });
 
     test('with an array of objects', () => {
       const items = [{ name: 'John' }, { name: 'Jane' }];
-      const actual = find(items, item => item.name === 'John');
+      const actual = find(items, (item) => item.name === 'John');
 
       expect(actual).toEqual(items[0]);
     });
diff --git a/src/lib/utils/__tests__/findIndex-test.ts b/src/lib/utils/__tests__/findIndex-test.ts
index 81d6740a66..ade3684500 100644
--- a/src/lib/utils/__tests__/findIndex-test.ts
+++ b/src/lib/utils/__tests__/findIndex-test.ts
@@ -4,28 +4,28 @@ describe('findIndex', () => {
   describe('with polyfill', () => {
     test('with empty array', () => {
       const items: never[] = [];
-      const actual = findIndex(items, item => item === 'hello');
+      const actual = findIndex(items, (item) => item === 'hello');
 
       expect(actual).toEqual(-1);
     });
 
     test('with unknown item in array', () => {
       const items = ['hey'];
-      const actual = findIndex(items, item => item === 'hello');
+      const actual = findIndex(items, (item) => item === 'hello');
 
       expect(actual).toEqual(-1);
     });
 
     test('with an array of strings', () => {
       const items = ['hello', 'goodbye'];
-      const actual = findIndex(items, item => item === 'hello');
+      const actual = findIndex(items, (item) => item === 'hello');
 
       expect(actual).toEqual(0);
     });
 
     test('with an array of objects', () => {
       const items = [{ name: 'John' }, { name: 'Jane' }];
-      const actual = findIndex(items, item => item.name === 'John');
+      const actual = findIndex(items, (item) => item.name === 'John');
 
       expect(actual).toEqual(0);
     });
diff --git a/src/lib/utils/__tests__/geo-search-test.ts b/src/lib/utils/__tests__/geo-search-test.ts
index e9221c0b32..d7b77ae44b 100644
--- a/src/lib/utils/__tests__/geo-search-test.ts
+++ b/src/lib/utils/__tests__/geo-search-test.ts
@@ -16,7 +16,7 @@ describe('aroundLatLngToPosition', () => {
 
   it.each([['10a,12'], ['10.    12']])(
     'expect to throw an error with: %j',
-    input => {
+    (input) => {
       expect(() => aroundLatLngToPosition(input)).toThrow(
         `Invalid value for "aroundLatLng" parameter: "${input}"`
       );
@@ -78,14 +78,14 @@ describe('insideBoundingBoxToBoundingBox', () => {
 
   it.each([[''], ['10'], ['10,12'], ['10,12,12'], ['10.  15,12,12']])(
     'expect to throw an error with: %j',
-    input => {
+    (input) => {
       expect(() => insideBoundingBoxToBoundingBox(input)).toThrow(
         `Invalid value for "insideBoundingBox" parameter: "${input}"`
       );
     }
   );
 
-  it.each([[[]], [[[]]]])('expect to throw an error with: %j', input => {
+  it.each([[[]], [[[]]]])('expect to throw an error with: %j', (input) => {
     // @ts-expect-error
     expect(() => insideBoundingBoxToBoundingBox(input)).toThrow(
       `Invalid value for "insideBoundingBox" parameter: [${input}]`
diff --git a/src/lib/utils/__tests__/getObjectType-test.ts b/src/lib/utils/__tests__/getObjectType-test.ts
index 3bf167da5b..dc1f3aa02d 100644
--- a/src/lib/utils/__tests__/getObjectType-test.ts
+++ b/src/lib/utils/__tests__/getObjectType-test.ts
@@ -27,7 +27,7 @@ describe('getObjectType', () => {
   });
 
   test('returns the type of a function', () => {
-    expect(getObjectType(function() {})).toEqual('Function');
+    expect(getObjectType(function () {})).toEqual('Function');
   });
 
   test('returns the type of undefined', () => {
diff --git a/src/lib/utils/__tests__/range-test.ts b/src/lib/utils/__tests__/range-test.ts
index 7729a9be81..31ab5e2520 100644
--- a/src/lib/utils/__tests__/range-test.ts
+++ b/src/lib/utils/__tests__/range-test.ts
@@ -15,16 +15,7 @@ describe('range', () => {
 
   test('with start, end and step', () => {
     expect(range({ start: 1300, end: 1350, step: 5 })).toEqual([
-      1300,
-      1305,
-      1310,
-      1315,
-      1320,
-      1325,
-      1330,
-      1335,
-      1340,
-      1345,
+      1300, 1305, 1310, 1315, 1320, 1325, 1330, 1335, 1340, 1345,
     ]);
   });
 
@@ -32,16 +23,7 @@ describe('range', () => {
     // (5000 - 1) / 500 = 9.998 so we want the array length to be rounded to 10.
     expect(range({ start: 1, end: 5000, step: 500 })).toHaveLength(10);
     expect(range({ start: 1, end: 5000, step: 500 })).toEqual([
-      1,
-      501,
-      1001,
-      1501,
-      2001,
-      2501,
-      3001,
-      3501,
-      4001,
-      4501,
+      1, 501, 1001, 1501, 2001, 2501, 3001, 3501, 4001, 4501,
     ]);
   });
 });
diff --git a/src/lib/utils/capitalize.ts b/src/lib/utils/capitalize.ts
index d2fad0f51a..e6fa99d569 100644
--- a/src/lib/utils/capitalize.ts
+++ b/src/lib/utils/capitalize.ts
@@ -1,10 +1,5 @@
 function capitalize(text: string): string {
-  return (
-    text
-      .toString()
-      .charAt(0)
-      .toUpperCase() + text.toString().slice(1)
-  );
+  return text.toString().charAt(0).toUpperCase() + text.toString().slice(1);
 }
 
 export default capitalize;
diff --git a/src/lib/utils/checkIndexUiState.ts b/src/lib/utils/checkIndexUiState.ts
index 6acda67826..b61b66ee49 100644
--- a/src/lib/utils/checkIndexUiState.ts
+++ b/src/lib/utils/checkIndexUiState.ts
@@ -108,7 +108,7 @@ export function checkIndexUiState({
 }: CheckIndexUiStateParams) {
   const mountedWidgets = index
     .getWidgets()
-    .map(widget => widget.$$type)
+    .map((widget) => widget.$$type)
     .filter(Boolean);
 
   const missingWidgets = keys(indexUiState).reduce<MissingWidgets>(
@@ -123,7 +123,7 @@ export function checkIndexUiState({
 
       if (
         requiredWidgets &&
-        !requiredWidgets.some(requiredWidget =>
+        !requiredWidgets.some((requiredWidget) =>
           mountedWidgets.includes(requiredWidget)
         )
       ) {
@@ -132,7 +132,7 @@ export function checkIndexUiState({
           {
             connectors: widgetUiState.connectors,
             widgets: widgetUiState.widgets.map(
-              widgetIdentifier => widgetIdentifier.split('ais.')[1]
+              (widgetIdentifier) => widgetIdentifier.split('ais.')[1]
             ),
           },
         ]);
@@ -153,8 +153,10 @@ To fully reflect the state, some widgets need to be added to the index "${index.
 
 ${missingWidgets
   .map(([stateParameter, { widgets }]) => {
-    return `- \`${stateParameter}\` needs one of these widgets: ${([] as string[])
-      .concat(...widgets.map(name => getWidgetNames(name!)))
+    return `- \`${stateParameter}\` needs one of these widgets: ${(
+      [] as string[]
+    )
+      .concat(...widgets.map((name) => getWidgetNames(name!)))
       .map((name: string) => `"${name}"`)
       .join(', ')}`;
   })
diff --git a/src/lib/utils/concatHighlightedParts.ts b/src/lib/utils/concatHighlightedParts.ts
index 5121c6d75a..d9aa39c6da 100644
--- a/src/lib/utils/concatHighlightedParts.ts
+++ b/src/lib/utils/concatHighlightedParts.ts
@@ -5,7 +5,7 @@ export default function concatHighlightedParts(parts: HighlightedParts[]) {
   const { highlightPreTag, highlightPostTag } = TAG_REPLACEMENT;
 
   return parts
-    .map(part =>
+    .map((part) =>
       part.isHighlighted
         ? highlightPreTag + part.value + highlightPostTag
         : part.value
diff --git a/src/lib/utils/convertNumericRefinementsToFilters.ts b/src/lib/utils/convertNumericRefinementsToFilters.ts
index 378a2608cd..6dc410f2b2 100644
--- a/src/lib/utils/convertNumericRefinementsToFilters.ts
+++ b/src/lib/utils/convertNumericRefinementsToFilters.ts
@@ -18,11 +18,11 @@ export function convertNumericRefinementsToFilters(
   const filters: string[] = [];
   (Object.keys(filtersObj) as SearchParameters.Operator[])
     .filter(
-      operator =>
+      (operator) =>
         Array.isArray(filtersObj[operator]) && filtersObj[operator]!.length > 0
     )
-    .forEach(operator => {
-      filtersObj[operator]!.forEach(value => {
+    .forEach((operator) => {
+      filtersObj[operator]!.forEach((value) => {
         filters.push(`${attribute}${operator}${value}`);
       });
     });
diff --git a/src/lib/utils/createConcurrentSafePromise.ts b/src/lib/utils/createConcurrentSafePromise.ts
index bd47ed0e3b..200ccb5cc6 100644
--- a/src/lib/utils/createConcurrentSafePromise.ts
+++ b/src/lib/utils/createConcurrentSafePromise.ts
@@ -19,7 +19,7 @@ export function createConcurrentSafePromise<TValue>() {
   return function runConcurrentSafePromise(promise: MaybePromise<TValue>) {
     const currentPromiseId = ++basePromiseId;
 
-    return Promise.resolve(promise).then(x => {
+    return Promise.resolve(promise).then((x) => {
       // The promise might take too long to resolve and get outdated. This would
       // result in resolving stale values.
       // When this happens, we ignore the promise value and return the one
diff --git a/src/lib/utils/createSendEventForHits.ts b/src/lib/utils/createSendEventForHits.ts
index f7657bbea5..b258a7255d 100644
--- a/src/lib/utils/createSendEventForHits.ts
+++ b/src/lib/utils/createSendEventForHits.ts
@@ -69,8 +69,8 @@ const buildPayload: BuildPayload = ({
     return null;
   }
   const queryID = hitsArray[0].__queryID;
-  const objectIDs = hitsArray.map(hit => hit.objectID);
-  const positions = hitsArray.map(hit => hit.__position);
+  const objectIDs = hitsArray.map((hit) => hit.objectID);
+  const positions = hitsArray.map((hit) => hit.__position);
 
   if (eventType === 'view') {
     return {
@@ -123,7 +123,7 @@ const buildPayload: BuildPayload = ({
 function removeEscapedFromHits(hits: Hits | EscapedHits): Hits {
   // this returns without `hits.__escaped`
   // and this way it doesn't mutate the original `hits`
-  return hits.map(hit => hit);
+  return hits.map((hit) => hit);
 }
 
 export function createSendEventForHits({
diff --git a/src/lib/utils/debounce.ts b/src/lib/utils/debounce.ts
index e51380517f..431f993216 100644
--- a/src/lib/utils/debounce.ts
+++ b/src/lib/utils/debounce.ts
@@ -14,7 +14,7 @@ export function debounce<TFunction extends Func>(
   wait: number
 ): DebouncedFunction<TFunction> {
   let lastTimeout: ReturnType<typeof setTimeout> | null = null;
-  return function(...args) {
+  return function (...args) {
     return new Promise((resolve, reject) => {
       if (lastTimeout) {
         clearTimeout(lastTimeout);
diff --git a/src/lib/utils/documentation.ts b/src/lib/utils/documentation.ts
index 68a672ec46..69fb11f64d 100644
--- a/src/lib/utils/documentation.ts
+++ b/src/lib/utils/documentation.ts
@@ -21,7 +21,7 @@ export const createDocumentationMessageGenerator = (
   ...widgets: WidgetParam[]
 ): DocumentationMessageGenerator => {
   const links = widgets
-    .map(widget => createDocumentationLink(widget))
+    .map((widget) => createDocumentationLink(widget))
     .join(', ');
 
   return (message?: string) =>
diff --git a/src/lib/utils/escape-highlight.ts b/src/lib/utils/escape-highlight.ts
index 2143589890..c07efea9e2 100644
--- a/src/lib/utils/escape-highlight.ts
+++ b/src/lib/utils/escape-highlight.ts
@@ -66,11 +66,11 @@ export function escapeHits<THit extends Hit>(
     (hits as any).__escaped = true;
   }
 
-  return (hits as unknown) as EscapedHits<THit>;
+  return hits as unknown as EscapedHits<THit>;
 }
 
 export function escapeFacets(facetHits: FacetHit[]): FacetHit[] {
-  return facetHits.map(h => ({
+  return facetHits.map((h) => ({
     ...h,
     highlighted: replaceTagsAndEscape(h.highlighted),
   }));
diff --git a/src/lib/utils/escape.ts b/src/lib/utils/escape.ts
index c8d623ea78..d2dc3b08ae 100644
--- a/src/lib/utils/escape.ts
+++ b/src/lib/utils/escape.ts
@@ -24,7 +24,7 @@ function escape(value: string): string {
   return value && regexHasUnescapedHtml.test(value)
     ? value.replace(
         regexUnescapedHtml,
-        character => htmlEscapes[character as keyof typeof htmlEscapes]
+        (character) => htmlEscapes[character as keyof typeof htmlEscapes]
       )
     : value;
 }
diff --git a/src/lib/utils/getHighlightedParts.ts b/src/lib/utils/getHighlightedParts.ts
index c56f408bc6..895554686f 100644
--- a/src/lib/utils/getHighlightedParts.ts
+++ b/src/lib/utils/getHighlightedParts.ts
@@ -9,7 +9,7 @@ export default function getHighlightedParts(highlightedValue: string) {
     ? []
     : [{ value: firstValue, isHighlighted: false }];
 
-  splitByPreTag.forEach(split => {
+  splitByPreTag.forEach((split) => {
     const splitByPostTag = split.split(highlightPostTag);
 
     elements.push({
diff --git a/src/lib/utils/getRefinements.ts b/src/lib/utils/getRefinements.ts
index 67dda108ef..96f437ae3c 100644
--- a/src/lib/utils/getRefinements.ts
+++ b/src/lib/utils/getRefinements.ts
@@ -49,7 +49,7 @@ function getRefinement(
   const res: Refinement = { type, attribute, name };
   let facet: any = find(
     resultsFacets as Array<{ name: string }>,
-    resultsFacet => resultsFacet.name === attribute
+    (resultsFacet) => resultsFacet.name === attribute
   );
   let count: number;
 
@@ -57,10 +57,10 @@ function getRefinement(
     const facetDeclaration = state.getHierarchicalFacetByName(attribute);
     const nameParts = name.split(facetDeclaration.separator);
 
-    const getFacetRefinement = (
-      facetData: any
-    ): ((refinementKey: string) => any) => (refinementKey: string): any =>
-      facetData[refinementKey];
+    const getFacetRefinement =
+      (facetData: any): ((refinementKey: string) => any) =>
+      (refinementKey: string): any =>
+        facetData[refinementKey];
 
     for (let i = 0; facet !== undefined && i < nameParts.length; ++i) {
       facet =
@@ -68,7 +68,7 @@ function getRefinement(
         facet.data &&
         find(
           Object.keys(facet.data).map(getFacetRefinement(facet.data)),
-          refinement => refinement.name === nameParts[i]
+          (refinement) => refinement.name === nameParts[i]
         );
     }
 
@@ -105,20 +105,20 @@ function getRefinements(
     tagRefinements = [],
   } = state;
 
-  Object.keys(facetsRefinements).forEach(attribute => {
+  Object.keys(facetsRefinements).forEach((attribute) => {
     const refinementNames = facetsRefinements[attribute];
 
-    refinementNames.forEach(refinementName => {
+    refinementNames.forEach((refinementName) => {
       refinements.push(
         getRefinement(state, 'facet', attribute, refinementName, results.facets)
       );
     });
   });
 
-  Object.keys(facetsExcludes).forEach(attribute => {
+  Object.keys(facetsExcludes).forEach((attribute) => {
     const refinementNames = facetsExcludes[attribute];
 
-    refinementNames.forEach(refinementName => {
+    refinementNames.forEach((refinementName) => {
       refinements.push({
         type: 'exclude',
         attribute,
@@ -128,10 +128,10 @@ function getRefinements(
     });
   });
 
-  Object.keys(disjunctiveFacetsRefinements).forEach(attribute => {
+  Object.keys(disjunctiveFacetsRefinements).forEach((attribute) => {
     const refinementNames = disjunctiveFacetsRefinements[attribute];
 
-    refinementNames.forEach(refinementName => {
+    refinementNames.forEach((refinementName) => {
       refinements.push(
         getRefinement(
           state,
@@ -146,10 +146,10 @@ function getRefinements(
     });
   });
 
-  Object.keys(hierarchicalFacetsRefinements).forEach(attribute => {
+  Object.keys(hierarchicalFacetsRefinements).forEach((attribute) => {
     const refinementNames = hierarchicalFacetsRefinements[attribute];
 
-    refinementNames.forEach(refinement => {
+    refinementNames.forEach((refinement) => {
       refinements.push(
         getRefinement(
           state,
@@ -162,10 +162,10 @@ function getRefinements(
     });
   });
 
-  Object.keys(numericRefinements).forEach(attribute => {
+  Object.keys(numericRefinements).forEach((attribute) => {
     const operators = numericRefinements[attribute];
 
-    Object.keys(operators).forEach(operatorOriginal => {
+    Object.keys(operators).forEach((operatorOriginal) => {
       const operator = operatorOriginal as SearchParameters.Operator;
       const valueOrValues = operators[operator];
       const refinementNames = Array.isArray(valueOrValues)
@@ -184,7 +184,7 @@ function getRefinements(
     });
   });
 
-  tagRefinements.forEach(refinementName => {
+  tagRefinements.forEach((refinementName) => {
     refinements.push({ type: 'tag', attribute: '_tags', name: refinementName });
   });
 
diff --git a/src/lib/utils/getWidgetAttribute.ts b/src/lib/utils/getWidgetAttribute.ts
index 2fe0ff469b..83582cf691 100644
--- a/src/lib/utils/getWidgetAttribute.ts
+++ b/src/lib/utils/getWidgetAttribute.ts
@@ -14,9 +14,9 @@ export function getWidgetAttribute(
       widgetParams: { attribute: string } | { attributes: string[] };
     }>;
 
-    const {
-      widgetParams,
-    } = (widget as WidgetWithAttribute).getWidgetRenderState(initOptions);
+    const { widgetParams } = (
+      widget as WidgetWithAttribute
+    ).getWidgetRenderState(initOptions);
 
     const attribute =
       'attribute' in widgetParams
diff --git a/src/lib/utils/hits-query-id.ts b/src/lib/utils/hits-query-id.ts
index 65adf149c5..11cdebea3b 100644
--- a/src/lib/utils/hits-query-id.ts
+++ b/src/lib/utils/hits-query-id.ts
@@ -7,7 +7,7 @@ export function addQueryID<THit extends AlgoliaHit>(
   if (!queryID) {
     return hits;
   }
-  return hits.map(hit => ({
+  return hits.map((hit) => ({
     ...hit,
     __queryID: queryID,
   }));
diff --git a/src/lib/utils/logger.ts b/src/lib/utils/logger.ts
index 57ee7ad970..31401a4bd5 100644
--- a/src/lib/utils/logger.ts
+++ b/src/lib/utils/logger.ts
@@ -30,7 +30,7 @@ let warn: Warn = noop;
 let warning = noop as Warning;
 
 if (__DEV__) {
-  warn = message => {
+  warn = (message) => {
     // eslint-disable-next-line no-console
     console.warn(`[InstantSearch.js]: ${message.trim()}`);
   };
@@ -38,7 +38,7 @@ if (__DEV__) {
   deprecate = (fn, message) => {
     let hasAlreadyPrinted = false;
 
-    return function(...args) {
+    return function (...args) {
       if (!hasAlreadyPrinted) {
         hasAlreadyPrinted = true;
 
diff --git a/src/lib/utils/mergeSearchParameters.ts b/src/lib/utils/mergeSearchParameters.ts
index 28a68eb1f7..056f2ef9d9 100644
--- a/src/lib/utils/mergeSearchParameters.ts
+++ b/src/lib/utils/mergeSearchParameters.ts
@@ -38,7 +38,7 @@ const mergeDisjunctiveFacets: Merger = (left, right) =>
 const mergeHierarchicalFacets: Merger = (left, right) =>
   left.setQueryParameters({
     hierarchicalFacets: right.hierarchicalFacets.reduce((facets, facet) => {
-      const index = findIndex(facets, _ => _.name === facet.name);
+      const index = findIndex(facets, (_) => _.name === facet.name);
 
       if (index === -1) {
         return facets.concat(facet);
@@ -114,10 +114,8 @@ const mergeRuleContexts: Merger = (left, right) => {
 
 const merge = (...parameters: SearchParameters[]): SearchParameters =>
   parameters.reduce((left, right) => {
-    const hierarchicalFacetsRefinementsMerged = mergeHierarchicalFacetsRefinements(
-      left,
-      right
-    );
+    const hierarchicalFacetsRefinementsMerged =
+      mergeHierarchicalFacetsRefinements(left, right);
     const hierarchicalFacetsMerged = mergeHierarchicalFacets(
       hierarchicalFacetsRefinementsMerged,
       right
@@ -130,10 +128,8 @@ const merge = (...parameters: SearchParameters[]): SearchParameters =>
       tagRefinementsMerged,
       right
     );
-    const disjunctiveFacetsRefinementsMerged = mergeDisjunctiveFacetsRefinements(
-      numericRefinementsMerged,
-      right
-    );
+    const disjunctiveFacetsRefinementsMerged =
+      mergeDisjunctiveFacetsRefinements(numericRefinementsMerged, right);
     const facetsExcludesMerged = mergeFacetsExcludes(
       disjunctiveFacetsRefinementsMerged,
       right
diff --git a/src/lib/utils/renderTemplate.ts b/src/lib/utils/renderTemplate.ts
index fabff29a18..c856f67467 100644
--- a/src/lib/utils/renderTemplate.ts
+++ b/src/lib/utils/renderTemplate.ts
@@ -19,7 +19,7 @@ function transformHelpersToHogan(
     (acc, helperKey) => ({
       ...acc,
       [helperKey]() {
-        return text => {
+        return (text) => {
           const render = (value: string) =>
             (hogan.compile(value, compileOptions) as Template).render(this);
 
@@ -69,7 +69,7 @@ function renderTemplate({
       ...data,
       helpers: transformedHelpers,
     })
-    .replace(/[ \n\r\t\f\xA0]+/g, spaces =>
+    .replace(/[ \n\r\t\f\xA0]+/g, (spaces) =>
       spaces.replace(/(^|\xA0+)[^\xA0]+/g, '$1 ')
     )
     .trim();
diff --git a/src/lib/utils/reverseHighlightedParts.ts b/src/lib/utils/reverseHighlightedParts.ts
index e1fe5e5492..180bd5cfab 100644
--- a/src/lib/utils/reverseHighlightedParts.ts
+++ b/src/lib/utils/reverseHighlightedParts.ts
@@ -2,8 +2,8 @@ import { HighlightedParts } from '../../types';
 import getHighlightFromSiblings from './getHighlightFromSiblings';
 
 export default function reverseHighlightedParts(parts: HighlightedParts[]) {
-  if (!parts.some(part => part.isHighlighted)) {
-    return parts.map(part => ({ ...part, isHighlighted: false }));
+  if (!parts.some((part) => part.isHighlighted)) {
+    return parts.map((part) => ({ ...part, isHighlighted: false }));
   }
 
   return parts.map((part, i) => ({
diff --git a/src/lib/utils/unescape.ts b/src/lib/utils/unescape.ts
index a235aa8e52..b722624c16 100644
--- a/src/lib/utils/unescape.ts
+++ b/src/lib/utils/unescape.ts
@@ -24,7 +24,7 @@ export default function unescape(value: string): string {
   return value && regexHasEscapedHtml.test(value)
     ? value.replace(
         regexEscapedHtml,
-        character => htmlEscapes[character as keyof typeof htmlEscapes]
+        (character) => htmlEscapes[character as keyof typeof htmlEscapes]
       )
     : value;
 }
diff --git a/src/lib/voiceSearchHelper/index.ts b/src/lib/voiceSearchHelper/index.ts
index 27713f93af..8fd920c0d5 100644
--- a/src/lib/voiceSearchHelper/index.ts
+++ b/src/lib/voiceSearchHelper/index.ts
@@ -1,123 +1,124 @@
 /* global SpeechRecognition SpeechRecognitionEvent */
 import { CreateVoiceSearchHelper, Status, VoiceListeningState } from './types';
 
-const createVoiceSearchHelper: CreateVoiceSearchHelper = function createVoiceSearchHelper({
-  searchAsYouSpeak,
-  language,
-  onQueryChange,
-  onStateChange,
-}) {
-  const SpeechRecognitionAPI: new () => SpeechRecognition =
-    (window as any).webkitSpeechRecognition ||
-    (window as any).SpeechRecognition;
-  const getDefaultState = (status: Status): VoiceListeningState => ({
-    status,
-    transcript: '',
-    isSpeechFinal: false,
-    errorCode: undefined,
-  });
-  let state: VoiceListeningState = getDefaultState('initial');
-  let recognition: SpeechRecognition | undefined;
-
-  const isBrowserSupported = (): boolean => Boolean(SpeechRecognitionAPI);
-
-  const isListening = (): boolean =>
-    state.status === 'askingPermission' ||
-    state.status === 'waiting' ||
-    state.status === 'recognizing';
-
-  const setState = (newState: Partial<VoiceListeningState> = {}): void => {
-    state = { ...state, ...newState };
-    onStateChange();
-  };
-
-  const getState = (): VoiceListeningState => state;
-
-  const resetState = (status: Status = 'initial'): void => {
-    setState(getDefaultState(status));
-  };
-
-  const onStart = (): void => {
-    setState({
-      status: 'waiting',
-    });
-  };
-
-  const onError = (event: Event): void => {
-    setState({ status: 'error', errorCode: (event as any).error });
-  };
-
-  const onResult = (event: SpeechRecognitionEvent): void => {
-    setState({
-      status: 'recognizing',
-      transcript:
-        (event.results[0] &&
-          event.results[0][0] &&
-          event.results[0][0].transcript) ||
-        '',
-      isSpeechFinal: event.results[0] && event.results[0].isFinal,
+const createVoiceSearchHelper: CreateVoiceSearchHelper =
+  function createVoiceSearchHelper({
+    searchAsYouSpeak,
+    language,
+    onQueryChange,
+    onStateChange,
+  }) {
+    const SpeechRecognitionAPI: new () => SpeechRecognition =
+      (window as any).webkitSpeechRecognition ||
+      (window as any).SpeechRecognition;
+    const getDefaultState = (status: Status): VoiceListeningState => ({
+      status,
+      transcript: '',
+      isSpeechFinal: false,
+      errorCode: undefined,
     });
-    if (searchAsYouSpeak && state.transcript) {
-      onQueryChange(state.transcript);
-    }
-  };
-
-  const onEnd = (): void => {
-    if (!state.errorCode && state.transcript && !searchAsYouSpeak) {
-      onQueryChange(state.transcript);
-    }
-    if (state.status !== 'error') {
-      setState({ status: 'finished' });
-    }
-  };
-
-  const startListening = (): void => {
-    recognition = new SpeechRecognitionAPI();
-    if (!recognition) {
-      return;
-    }
-    resetState('askingPermission');
-    recognition.interimResults = true;
-
-    if (language) {
-      recognition.lang = language;
-    }
-
-    recognition.addEventListener('start', onStart);
-    recognition.addEventListener('error', onError);
-    recognition.addEventListener('result', onResult);
-    recognition.addEventListener('end', onEnd);
-    recognition.start();
-  };
-
-  const dispose = (): void => {
-    if (!recognition) {
-      return;
-    }
-    recognition.stop();
-    recognition.removeEventListener('start', onStart);
-    recognition.removeEventListener('error', onError);
-    recognition.removeEventListener('result', onResult);
-    recognition.removeEventListener('end', onEnd);
-    recognition = undefined;
-  };
-
-  const stopListening = (): void => {
-    dispose();
-    // Because `dispose` removes event listeners, `end` listener is not called.
-    // So we're setting the `status` as `finished` here.
-    // If we don't do it, it will be still `waiting` or `recognizing`.
-    resetState('finished');
-  };
-
-  return {
-    getState,
-    isBrowserSupported,
-    isListening,
-    startListening,
-    stopListening,
-    dispose,
+    let state: VoiceListeningState = getDefaultState('initial');
+    let recognition: SpeechRecognition | undefined;
+
+    const isBrowserSupported = (): boolean => Boolean(SpeechRecognitionAPI);
+
+    const isListening = (): boolean =>
+      state.status === 'askingPermission' ||
+      state.status === 'waiting' ||
+      state.status === 'recognizing';
+
+    const setState = (newState: Partial<VoiceListeningState> = {}): void => {
+      state = { ...state, ...newState };
+      onStateChange();
+    };
+
+    const getState = (): VoiceListeningState => state;
+
+    const resetState = (status: Status = 'initial'): void => {
+      setState(getDefaultState(status));
+    };
+
+    const onStart = (): void => {
+      setState({
+        status: 'waiting',
+      });
+    };
+
+    const onError = (event: Event): void => {
+      setState({ status: 'error', errorCode: (event as any).error });
+    };
+
+    const onResult = (event: SpeechRecognitionEvent): void => {
+      setState({
+        status: 'recognizing',
+        transcript:
+          (event.results[0] &&
+            event.results[0][0] &&
+            event.results[0][0].transcript) ||
+          '',
+        isSpeechFinal: event.results[0] && event.results[0].isFinal,
+      });
+      if (searchAsYouSpeak && state.transcript) {
+        onQueryChange(state.transcript);
+      }
+    };
+
+    const onEnd = (): void => {
+      if (!state.errorCode && state.transcript && !searchAsYouSpeak) {
+        onQueryChange(state.transcript);
+      }
+      if (state.status !== 'error') {
+        setState({ status: 'finished' });
+      }
+    };
+
+    const startListening = (): void => {
+      recognition = new SpeechRecognitionAPI();
+      if (!recognition) {
+        return;
+      }
+      resetState('askingPermission');
+      recognition.interimResults = true;
+
+      if (language) {
+        recognition.lang = language;
+      }
+
+      recognition.addEventListener('start', onStart);
+      recognition.addEventListener('error', onError);
+      recognition.addEventListener('result', onResult);
+      recognition.addEventListener('end', onEnd);
+      recognition.start();
+    };
+
+    const dispose = (): void => {
+      if (!recognition) {
+        return;
+      }
+      recognition.stop();
+      recognition.removeEventListener('start', onStart);
+      recognition.removeEventListener('error', onError);
+      recognition.removeEventListener('result', onResult);
+      recognition.removeEventListener('end', onEnd);
+      recognition = undefined;
+    };
+
+    const stopListening = (): void => {
+      dispose();
+      // Because `dispose` removes event listeners, `end` listener is not called.
+      // So we're setting the `status` as `finished` here.
+      // If we don't do it, it will be still `waiting` or `recognizing`.
+      resetState('finished');
+    };
+
+    return {
+      getState,
+      isBrowserSupported,
+      isListening,
+      startListening,
+      stopListening,
+      dispose,
+    };
   };
-};
 
 export default createVoiceSearchHelper;
diff --git a/src/middlewares/__tests__/createInsightsMiddleware.ts b/src/middlewares/__tests__/createInsightsMiddleware.ts
index dbcb5161c2..10d4198c6f 100644
--- a/src/middlewares/__tests__/createInsightsMiddleware.ts
+++ b/src/middlewares/__tests__/createInsightsMiddleware.ts
@@ -34,11 +34,8 @@ describe('insights', () => {
   };
 
   const createUmdTestEnvironment = () => {
-    const {
-      analytics,
-      insightsClient,
-      libraryLoadedAndProcessQueue,
-    } = createInsightsUmdVersion();
+    const { analytics, insightsClient, libraryLoadedAndProcessQueue } =
+      createInsightsUmdVersion();
 
     const instantSearchInstance = createInstantSearch({
       client: algoliasearch('myAppId', 'myApiKey'),
@@ -222,11 +219,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('applies clickAnalytics', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        helper,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, helper } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -235,11 +229,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it("doesn't reset page", () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        helper,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, helper } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -249,11 +240,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('adds user agent', () => {
-      const {
-        analytics,
-        insightsClient,
-        instantSearchInstance,
-      } = createTestEnvironment();
+      const { analytics, insightsClient, instantSearchInstance } =
+        createTestEnvironment();
 
       const middleware = createInsightsMiddleware({
         insightsClient,
@@ -270,11 +258,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
 
   describe('userToken', () => {
     it('applies userToken which was set before subscribe()', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        getUserToken,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, getUserToken } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -284,12 +269,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('applies userToken before subscribe() without resetting the page', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        getUserToken,
-        helper,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, getUserToken, helper } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -301,11 +282,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('applies userToken which was set after subscribe()', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        getUserToken,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, getUserToken } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -315,12 +293,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('applies userToken which was set after subscribe() without resetting the page', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        helper,
-        getUserToken,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, helper, getUserToken } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -332,11 +306,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('applies userToken from cookie when nothing given', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        getUserToken,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, getUserToken } =
+        createTestEnvironment();
       const middleware = createInsightsMiddleware({
         insightsClient,
       })({ instantSearchInstance });
@@ -345,11 +316,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('applies userToken which was set before init', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        getUserToken,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, getUserToken } =
+        createTestEnvironment();
 
       insightsClient('setUserToken', 'token-from-queue-before-init');
 
@@ -432,11 +400,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
 
   describe('sendEventToInsights', () => {
     it('sends events', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        analytics,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, analytics } =
+        createTestEnvironment();
 
       const middleware = createInsightsMiddleware({
         insightsClient,
@@ -462,11 +427,8 @@ See documentation: https://www.algolia.com/doc/guides/building-search-ui/going-f
     });
 
     it('calls onEvent when given', () => {
-      const {
-        insightsClient,
-        instantSearchInstance,
-        analytics,
-      } = createTestEnvironment();
+      const { insightsClient, instantSearchInstance, analytics } =
+        createTestEnvironment();
 
       const onEvent = jest.fn();
       const middleware = createInsightsMiddleware({
diff --git a/src/middlewares/__tests__/createMetadataMiddleware.ts b/src/middlewares/__tests__/createMetadataMiddleware.ts
index ca6edfd0fd..81af0aa7f9 100644
--- a/src/middlewares/__tests__/createMetadataMiddleware.ts
+++ b/src/middlewares/__tests__/createMetadataMiddleware.ts
@@ -25,7 +25,7 @@ const { window } = global;
 Object.defineProperty(
   window.navigator,
   'userAgent',
-  (value => ({
+  ((value) => ({
     get() {
       return value;
     },
diff --git a/src/middlewares/createInsightsMiddleware.ts b/src/middlewares/createInsightsMiddleware.ts
index 1d8f7b3d36..588184213c 100644
--- a/src/middlewares/createInsightsMiddleware.ts
+++ b/src/middlewares/createInsightsMiddleware.ts
@@ -34,9 +34,12 @@ export type CreateInsightsMiddleware = (
   props: InsightsProps
 ) => InternalMiddleware;
 
-export const createInsightsMiddleware: CreateInsightsMiddleware = props => {
-  const { insightsClient: _insightsClient, insightsInitParams, onEvent } =
-    props || {};
+export const createInsightsMiddleware: CreateInsightsMiddleware = (props) => {
+  const {
+    insightsClient: _insightsClient,
+    insightsInitParams,
+    onEvent,
+  } = props || {};
   if (_insightsClient !== null && !_insightsClient) {
     if (__DEV__) {
       throw new Error(
diff --git a/src/middlewares/createMetadataMiddleware.ts b/src/middlewares/createMetadataMiddleware.ts
index 847fa21835..f4114fb882 100644
--- a/src/middlewares/createMetadataMiddleware.ts
+++ b/src/middlewares/createMetadataMiddleware.ts
@@ -34,7 +34,7 @@ function extractPayload(
     },
   };
 
-  widgets.forEach(widget => {
+  widgets.forEach((widget) => {
     let widgetParams: { [key: string]: any } = {};
 
     if (widget.getWidgetRenderState) {
@@ -47,7 +47,7 @@ function extractPayload(
 
     // since we destructure in all widgets, the parameters with defaults are set to "undefined"
     const params = Object.keys(widgetParams).filter(
-      key => widgetParams[key] !== undefined
+      (key) => widgetParams[key] !== undefined
     );
 
     payload.widgets.push({
diff --git a/src/middlewares/createRouterMiddleware.ts b/src/middlewares/createRouterMiddleware.ts
index b67950ed00..1cf77173b6 100644
--- a/src/middlewares/createRouterMiddleware.ts
+++ b/src/middlewares/createRouterMiddleware.ts
@@ -31,7 +31,7 @@ export const createRouterMiddleware = <
     // this is needed because simpleStateMapping is StateMapping<TUiState, TUiState>.
     // While it's only used when UiState and RouteState are the same, unfortunately
     // TypeScript still considers them separate types.
-    stateMapping = (simpleStateMapping<TUiState>() as unknown) as StateMapping<
+    stateMapping = simpleStateMapping<TUiState>() as unknown as StateMapping<
       TUiState,
       TRouteState
     >,
@@ -78,7 +78,7 @@ export const createRouterMiddleware = <
       },
 
       subscribe() {
-        router.onUpdate(route => {
+        router.onUpdate((route) => {
           instantSearchInstance.setUiState(stateMapping.routeToState(route));
         });
       },
diff --git a/src/types/algoliasearch.ts b/src/types/algoliasearch.ts
index b4c59636f7..e30774c5c6 100644
--- a/src/types/algoliasearch.ts
+++ b/src/types/algoliasearch.ts
@@ -12,8 +12,9 @@ type SearchResponseV3<TObject> = AlgoliaSearch.Response<TObject>;
 /** @ts-ignore */
 type SearchResponseV4<TObject> = ClientSearch.SearchResponse<TObject>;
 
-/** @ts-ignore */
-type SearchForFacetValuesResponseV3 = AlgoliaSearch.SearchForFacetValues.Response;
+type SearchForFacetValuesResponseV3 =
+  /** @ts-ignore */
+  AlgoliaSearch.SearchForFacetValues.Response;
 /** @ts-ignore */
 type SearchForFacetValuesResponseV4 = ClientSearch.SearchForFacetValuesResponse;
 
@@ -45,15 +46,15 @@ export type MultiResponse<THit = any> = {
   results: Array<SearchResponse<THit>>;
 };
 
-export type SearchResponse<
-  THit
-> = DefaultSearchClient extends DummySearchClientV4
-  ? SearchResponseV4<THit>
-  : SearchResponseV3<THit> & RelevantSortResponse;
+export type SearchResponse<THit> =
+  DefaultSearchClient extends DummySearchClientV4
+    ? SearchResponseV4<THit>
+    : SearchResponseV3<THit> & RelevantSortResponse;
 
-export type SearchForFacetValuesResponse = DefaultSearchClient extends DummySearchClientV4
-  ? SearchForFacetValuesResponseV4
-  : SearchForFacetValuesResponseV3;
+export type SearchForFacetValuesResponse =
+  DefaultSearchClient extends DummySearchClientV4
+    ? SearchForFacetValuesResponseV4
+    : SearchForFacetValuesResponseV3;
 
 export type FindAnswersParameters = SearchIndex extends {
   findAnswers: (...params: infer Params) => any;
@@ -65,8 +66,7 @@ export type FindAnswersOptions = DefaultSearchClient extends DummySearchClientV4
   ? ClientSearch.FindAnswersOptions
   : any;
 
-export type FindAnswersResponse<
-  TObject
-> = DefaultSearchClient extends DummySearchClientV4
-  ? ClientSearch.FindAnswersResponse<TObject>
-  : any;
+export type FindAnswersResponse<TObject> =
+  DefaultSearchClient extends DummySearchClientV4
+    ? ClientSearch.FindAnswersResponse<TObject>
+    : any;
diff --git a/src/types/connector.ts b/src/types/connector.ts
index d106c65343..bd3d707e25 100644
--- a/src/types/connector.ts
+++ b/src/types/connector.ts
@@ -76,9 +76,7 @@ export type Connector<
    * The called function when unmounting a widget.
    */
   unmountFn?: Unmounter
-) => (
-  widgetParams: TConnectorParams & TWidgetParams
-) => Widget<
+) => (widgetParams: TConnectorParams & TWidgetParams) => Widget<
   TWidgetDescription & {
     widgetParams: typeof widgetParams;
   }
diff --git a/src/types/render-state.ts b/src/types/render-state.ts
index 356000edcd..7ceca508bd 100644
--- a/src/types/render-state.ts
+++ b/src/types/render-state.ts
@@ -63,9 +63,7 @@ export type RenderState = {
   [indexId: string]: IndexRenderState;
 };
 
-export type WidgetRenderState<
-  TWidgetRenderState,
-  TWidgetParams
-> = TWidgetRenderState & {
-  widgetParams: TWidgetParams;
-};
+export type WidgetRenderState<TWidgetRenderState, TWidgetParams> =
+  TWidgetRenderState & {
+    widgetParams: TWidgetParams;
+  };
diff --git a/src/types/widget.ts b/src/types/widget.ts
index b99ae6b427..5e756a918a 100644
--- a/src/types/widget.ts
+++ b/src/types/widget.ts
@@ -154,16 +154,15 @@ type RequiredWidgetType<TWidgetDescription extends WidgetDescription> = {
   $$widgetType: TWidgetDescription['$$widgetType'];
 };
 
-type WidgetType<
-  TWidgetDescription extends WidgetDescription
-> = TWidgetDescription extends RequiredKeys<WidgetDescription, '$$widgetType'>
-  ? RequiredWidgetType<TWidgetDescription>
-  : {
-      /**
-       * Identifier for widgets.
-       */
-      $$widgetType?: string;
-    };
+type WidgetType<TWidgetDescription extends WidgetDescription> =
+  TWidgetDescription extends RequiredKeys<WidgetDescription, '$$widgetType'>
+    ? RequiredWidgetType<TWidgetDescription>
+    : {
+        /**
+         * Identifier for widgets.
+         */
+        $$widgetType?: string;
+      };
 
 type RequiredUiStateLifeCycle<TWidgetDescription extends WidgetDescription> = {
   /**
@@ -191,9 +190,7 @@ type RequiredUiStateLifeCycle<TWidgetDescription extends WidgetDescription> = {
    * @param uiState - Current state.
    * @param widgetStateOptions - Extra information to calculate uiState.
    */
-  getWidgetState?: RequiredUiStateLifeCycle<
-    TWidgetDescription
-  >['getWidgetUiState'];
+  getWidgetState?: RequiredUiStateLifeCycle<TWidgetDescription>['getWidgetUiState'];
 
   /**
    * This function is required for a widget to behave correctly when a URL is
@@ -213,11 +210,10 @@ type RequiredUiStateLifeCycle<TWidgetDescription extends WidgetDescription> = {
   ) => SearchParameters;
 };
 
-type UiStateLifeCycle<
-  TWidgetDescription extends WidgetDescription
-> = TWidgetDescription extends RequiredKeys<WidgetDescription, 'indexUiState'>
-  ? RequiredUiStateLifeCycle<TWidgetDescription>
-  : Partial<RequiredUiStateLifeCycle<TWidgetDescription>>;
+type UiStateLifeCycle<TWidgetDescription extends WidgetDescription> =
+  TWidgetDescription extends RequiredKeys<WidgetDescription, 'indexUiState'>
+    ? RequiredUiStateLifeCycle<TWidgetDescription>
+    : Partial<RequiredUiStateLifeCycle<TWidgetDescription>>;
 
 type RequiredRenderStateLifeCycle<
   TWidgetDescription extends WidgetDescription & WidgetParams
diff --git a/src/widgets/__tests__/index.test.ts b/src/widgets/__tests__/index.test.ts
index 9b761c2e4a..373002a9c8 100644
--- a/src/widgets/__tests__/index.test.ts
+++ b/src/widgets/__tests__/index.test.ts
@@ -42,7 +42,8 @@ function initiateAllWidgets(): Array<[WidgetNames, Widget | IndexWidget]> {
         return index({ indexName: 'index' });
       }
       case 'EXPERIMENTAL_configureRelatedItems': {
-        const EXPERIMENTAL_configureRelatedItems = widget as Widgets['EXPERIMENTAL_configureRelatedItems'];
+        const EXPERIMENTAL_configureRelatedItems =
+          widget as Widgets['EXPERIMENTAL_configureRelatedItems'];
         return EXPERIMENTAL_configureRelatedItems({
           hit: { objectID: 'x' },
           matchingPatterns: {},
@@ -53,9 +54,9 @@ function initiateAllWidgets(): Array<[WidgetNames, Widget | IndexWidget]> {
         return geoSearch({
           container,
           googleReference: {
-            maps: ({
+            maps: {
               OverlayView: class OverlayView {},
-            } as unknown) as typeof google.maps,
+            } as unknown as typeof google.maps,
           },
         });
       }
@@ -128,7 +129,8 @@ function initiateAllWidgets(): Array<[WidgetNames, Widget | IndexWidget]> {
         });
       }
       case 'EXPERIMENTAL_dynamicWidgets': {
-        const EXPERIMENTAL_dynamicWidgets = widget as Widgets['EXPERIMENTAL_dynamicWidgets'];
+        const EXPERIMENTAL_dynamicWidgets =
+          widget as Widgets['EXPERIMENTAL_dynamicWidgets'];
         return EXPERIMENTAL_dynamicWidgets({
           transformItems(items) {
             return items;
diff --git a/src/widgets/analytics/analytics.ts b/src/widgets/analytics/analytics.ts
index 5309be3cff..633bdb6118 100644
--- a/src/widgets/analytics/analytics.ts
+++ b/src/widgets/analytics/analytics.ts
@@ -111,7 +111,7 @@ For the migration, visit https://www.algolia.com/doc/guides/building-search-ui/u
     [key: string]: string[];
   };
 
-  const serializeRefinements = function(
+  const serializeRefinements = function (
     parameters: RefinementParameters
   ): string {
     const refinements: string[] = [];
@@ -131,7 +131,7 @@ For the migration, visit https://www.algolia.com/doc/guides/building-search-ui/u
     return refinements.join('&');
   };
 
-  const serializeNumericRefinements = function(
+  const serializeNumericRefinements = function (
     numericRefinements: SearchParameters['numericRefinements']
   ): string {
     const refinements: string[] = [];
@@ -177,7 +177,7 @@ For the migration, visit https://www.algolia.com/doc/guides/building-search-ui/u
 
   let lastSentData = '';
 
-  const sendAnalytics = function(analyticsState: AnalyticsState | null): void {
+  const sendAnalytics = function (analyticsState: AnalyticsState | null): void {
     if (analyticsState === null) {
       return;
     }
@@ -204,8 +204,9 @@ For the migration, visit https://www.algolia.com/doc/guides/building-search-ui/u
 
     const stringifiedParams = serializedParams.join('&');
 
-    let dataToSend = `Query: ${analyticsState.state.query ||
-      ''}, ${stringifiedParams}`;
+    let dataToSend = `Query: ${
+      analyticsState.state.query || ''
+    }, ${stringifiedParams}`;
     if (pushPagination === true) {
       dataToSend += `, Page: ${analyticsState.state.page || 0}`;
     }
diff --git a/src/widgets/answers/__tests__/answers-test.ts b/src/widgets/answers/__tests__/answers-test.ts
index 4987fa1148..92e167782e 100644
--- a/src/widgets/answers/__tests__/answers-test.ts
+++ b/src/widgets/answers/__tests__/answers-test.ts
@@ -129,7 +129,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/answers/js/
           },
           templates: {
             loader: 'loading...',
-            item: hit => `title: ${hit.title}`,
+            item: (hit) => `title: ${hit.title}`,
           },
         }),
         searchBox({
diff --git a/src/widgets/answers/answers.tsx b/src/widgets/answers/answers.tsx
index 41a8b17ad3..26388d1a33 100644
--- a/src/widgets/answers/answers.tsx
+++ b/src/widgets/answers/answers.tsx
@@ -24,41 +24,40 @@ import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 const withUsage = createDocumentationMessageGenerator({ name: 'answers' });
 const suit = component('Answers');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: AnswersComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<AnswersComponentTemplates>;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: AnswersComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<AnswersComponentTemplates>;
+    };
+    templates: AnswersTemplates;
+  }): Renderer<AnswersRenderState, Partial<AnswersWidgetParams>> =>
+  ({ hits, isLoading, instantSearchInstance }, isFirstRendering) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
+
+    render(
+      <Answers
+        cssClasses={cssClasses}
+        hits={hits}
+        isLoading={isLoading}
+        templateProps={renderState.templateProps!}
+      />,
+      containerNode
+    );
   };
-  templates: AnswersTemplates;
-}): Renderer<AnswersRenderState, Partial<AnswersWidgetParams>> => (
-  { hits, isLoading, instantSearchInstance },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
-
-  render(
-    <Answers
-      cssClasses={cssClasses}
-      hits={hits}
-      isLoading={isLoading}
-      templateProps={renderState.templateProps!}
-    />,
-    containerNode
-  );
-};
 
 export type AnswersTemplates = Partial<{
   /**
@@ -135,7 +134,7 @@ export type AnswersWidget = WidgetFactory<
   AnswersWidgetParams
 >;
 
-const answersWidget: AnswersWidget = widgetParams => {
+const answersWidget: AnswersWidget = (widgetParams) => {
   const {
     container,
     attributesForPrediction,
diff --git a/src/widgets/answers/defaultTemplates.ts b/src/widgets/answers/defaultTemplates.ts
index 76f6e125f9..b683dabb0d 100644
--- a/src/widgets/answers/defaultTemplates.ts
+++ b/src/widgets/answers/defaultTemplates.ts
@@ -3,7 +3,7 @@ import { AnswersComponentTemplates } from '../../components/Answers/Answers';
 const defaultTemplates: AnswersComponentTemplates = {
   header: '',
   loader: '',
-  item: item => JSON.stringify(item),
+  item: (item) => JSON.stringify(item),
 };
 
 export default defaultTemplates;
diff --git a/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts b/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts
index 10badd4777..8100e5ed9c 100644
--- a/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts
+++ b/src/widgets/breadcrumb/__tests__/breadcrumb-test.ts
@@ -93,8 +93,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/breadcrumb/
       const widget = breadcrumb({
         container,
         attributes,
-        transformItems: items =>
-          items.map(item => ({ ...item, transformed: true })),
+        transformItems: (items) =>
+          items.map((item) => ({ ...item, transformed: true })),
       });
       widget.init!(
         createInitOptions({
diff --git a/src/widgets/breadcrumb/breadcrumb.tsx b/src/widgets/breadcrumb/breadcrumb.tsx
index 0cf0162853..4d23754d4c 100644
--- a/src/widgets/breadcrumb/breadcrumb.tsx
+++ b/src/widgets/breadcrumb/breadcrumb.tsx
@@ -24,44 +24,46 @@ import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 const withUsage = createDocumentationMessageGenerator({ name: 'breadcrumb' });
 const suit = component('Breadcrumb');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: BreadcrumbComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<BreadcrumbComponentTemplates>;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: BreadcrumbComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<BreadcrumbComponentTemplates>;
+    };
+    templates: BreadcrumbTemplates;
+  }): Renderer<BreadcrumbRenderState, Partial<BreadcrumbWidgetParams>> =>
+  (
+    { canRefine, createURL, instantSearchInstance, items, refine },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+
+      return;
+    }
+
+    render(
+      <Breadcrumb
+        canRefine={canRefine}
+        cssClasses={cssClasses}
+        createURL={createURL}
+        items={items}
+        refine={refine}
+        templateProps={renderState.templateProps!}
+      />,
+      containerNode
+    );
   };
-  templates: BreadcrumbTemplates;
-}): Renderer<BreadcrumbRenderState, Partial<BreadcrumbWidgetParams>> => (
-  { canRefine, createURL, instantSearchInstance, items, refine },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-
-    return;
-  }
-
-  render(
-    <Breadcrumb
-      canRefine={canRefine}
-      cssClasses={cssClasses}
-      createURL={createURL}
-      items={items}
-      refine={refine}
-      templateProps={renderState.templateProps!}
-    />,
-    containerNode
-  );
-};
 
 export type BreadcrumbCSSClasses = Partial<{
   /**
diff --git a/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts b/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts
index 32baafd8fc..b3547f0bab 100644
--- a/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts
+++ b/src/widgets/clear-refinements/__tests__/clear-refinements-test.ts
@@ -52,12 +52,10 @@ describe('clearRefinements()', () => {
 
       expect(render).toHaveBeenCalledTimes(2);
 
-      const firstRender = render.mock.calls[0][0] as VNode<
-        ClearRefinementsProps
-      >;
-      const secondRender = render.mock.calls[1][0] as VNode<
-        ClearRefinementsProps
-      >;
+      const firstRender = render.mock
+        .calls[0][0] as VNode<ClearRefinementsProps>;
+      const secondRender = render.mock
+        .calls[1][0] as VNode<ClearRefinementsProps>;
       const firstContainer = render.mock.calls[0][1];
       const secondContainer = render.mock.calls[1][1];
 
@@ -87,12 +85,10 @@ describe('clearRefinements()', () => {
 
       expect(render).toHaveBeenCalledTimes(2);
 
-      const firstRender = render.mock.calls[0][0] as VNode<
-        ClearRefinementsProps
-      >;
-      const secondRender = render.mock.calls[1][0] as VNode<
-        ClearRefinementsProps
-      >;
+      const firstRender = render.mock
+        .calls[0][0] as VNode<ClearRefinementsProps>;
+      const secondRender = render.mock
+        .calls[1][0] as VNode<ClearRefinementsProps>;
       const firstContainer = render.mock.calls[0][1];
       const secondContainer = render.mock.calls[1][1];
 
@@ -115,9 +111,8 @@ describe('clearRefinements()', () => {
       widget.init!(createInitOptions({ helper }));
       widget.render!(createRenderOptions({ helper, state: helper.state }));
 
-      const firstRender = render.mock.calls[0][0] as VNode<
-        ClearRefinementsProps
-      >;
+      const firstRender = render.mock
+        .calls[0][0] as VNode<ClearRefinementsProps>;
       const { cssClasses } = firstRender.props as ClearRefinementsProps;
 
       expect(cssClasses).toMatchInlineSnapshot(`
@@ -144,9 +139,8 @@ describe('clearRefinements()', () => {
       widget.init!(createInitOptions({ helper }));
       widget.render!(createRenderOptions({ helper, state: helper.state }));
 
-      const firstRender = render.mock.calls[0][0] as VNode<
-        ClearRefinementsProps
-      >;
+      const firstRender = render.mock
+        .calls[0][0] as VNode<ClearRefinementsProps>;
       const { cssClasses } = firstRender.props as ClearRefinementsProps;
 
       expect(cssClasses).toMatchInlineSnapshot(`
diff --git a/src/widgets/clear-refinements/clear-refinements.tsx b/src/widgets/clear-refinements/clear-refinements.tsx
index 5cb0049dec..fa52d9746f 100644
--- a/src/widgets/clear-refinements/clear-refinements.tsx
+++ b/src/widgets/clear-refinements/clear-refinements.tsx
@@ -26,41 +26,43 @@ const withUsage = createDocumentationMessageGenerator({
 });
 const suit = component('ClearRefinements');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: ClearRefinementsComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<ClearRefinementsComponentTemplates>;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: ClearRefinementsComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<ClearRefinementsComponentTemplates>;
+    };
+    templates: ClearRefinementsTemplates;
+  }): Renderer<
+    ClearRefinementsRenderState,
+    Partial<ClearRefinementsWidgetParams>
+  > =>
+  ({ refine, hasRefinements, instantSearchInstance }, isFirstRendering) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
+
+    render(
+      <ClearRefinements
+        refine={refine}
+        cssClasses={cssClasses}
+        hasRefinements={hasRefinements}
+        templateProps={renderState.templateProps!}
+      />,
+      containerNode
+    );
   };
-  templates: ClearRefinementsTemplates;
-}): Renderer<
-  ClearRefinementsRenderState,
-  Partial<ClearRefinementsWidgetParams>
-> => ({ refine, hasRefinements, instantSearchInstance }, isFirstRendering) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
-
-  render(
-    <ClearRefinements
-      refine={refine}
-      cssClasses={cssClasses}
-      hasRefinements={hasRefinements}
-      templateProps={renderState.templateProps!}
-    />,
-    containerNode
-  );
-};
 
 export type ClearRefinementsCSSClasses = Partial<{
   /**
@@ -109,7 +111,7 @@ export type ClearRefinementsWidget = WidgetFactory<
   ClearRefinementsWidgetParams
 >;
 
-const clearRefinements: ClearRefinementsWidget = widgetParams => {
+const clearRefinements: ClearRefinementsWidget = (widgetParams) => {
   const {
     container,
     templates = {},
diff --git a/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts b/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts
index 5fc1bbf9a6..1f7a44472e 100644
--- a/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts
+++ b/src/widgets/configure-related-items/__tests__/configure-related-items-test.ts
@@ -18,7 +18,7 @@ describe('configureRelatedItems', () => {
     const widgetParams: ConfigureRelatedItemsConnectorParams = {
       hit: { objectID: '1' },
       matchingPatterns: {},
-      transformSearchParameters: x => x,
+      transformSearchParameters: (x) => x,
     };
 
     configureRelatedItems(widgetParams);
diff --git a/src/widgets/configure-related-items/configure-related-items.ts b/src/widgets/configure-related-items/configure-related-items.ts
index 0aa16326bd..1016a36179 100644
--- a/src/widgets/configure-related-items/configure-related-items.ts
+++ b/src/widgets/configure-related-items/configure-related-items.ts
@@ -16,15 +16,14 @@ export type ConfigureRelatedItemsWidget = WidgetFactory<
 
 export type ConfigureRelatedItemsWidgetParams = PlainSearchParameters;
 
-const configureRelatedItems: ConfigureRelatedItemsWidget = function configureRelatedItems(
-  widgetParams
-) {
-  const makeWidget = connectConfigureRelatedItems(noop);
+const configureRelatedItems: ConfigureRelatedItemsWidget =
+  function configureRelatedItems(widgetParams) {
+    const makeWidget = connectConfigureRelatedItems(noop);
 
-  return {
-    ...makeWidget(widgetParams),
-    $$widgetType: 'ais.configureRelatedItems',
+    return {
+      ...makeWidget(widgetParams),
+      $$widgetType: 'ais.configureRelatedItems',
+    };
   };
-};
 
 export default configureRelatedItems;
diff --git a/src/widgets/configure/configure.ts b/src/widgets/configure/configure.ts
index bca432c459..522d2433b5 100644
--- a/src/widgets/configure/configure.ts
+++ b/src/widgets/configure/configure.ts
@@ -9,11 +9,10 @@ import { noop } from '../../lib/utils';
  * A list of [search parameters](https://www.algolia.com/doc/api-reference/search-api-parameters/)
  * to enable when the widget mounts.
  */
-export type ConfigureWidgetParams = ConfigureConnectorParams['searchParameters'];
+export type ConfigureWidgetParams =
+  ConfigureConnectorParams['searchParameters'];
 
-export type ConfigureWidget = (
-  widgetParams: ConfigureWidgetParams
-) => Widget<
+export type ConfigureWidget = (widgetParams: ConfigureWidgetParams) => Widget<
   ConfigureWidgetDescription & {
     $$widgetType: 'ais.configure';
     widgetParams: ConfigureConnectorParams;
diff --git a/src/widgets/current-refinements/__tests__/current-refinements-test.ts b/src/widgets/current-refinements/__tests__/current-refinements-test.ts
index 4608ef5fbc..a8d368d5ce 100644
--- a/src/widgets/current-refinements/__tests__/current-refinements-test.ts
+++ b/src/widgets/current-refinements/__tests__/current-refinements-test.ts
@@ -143,12 +143,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
       widget.render!(createRenderOptions(renderParameters));
       widget.render!(createRenderOptions(renderParameters));
 
-      const firstRender = render.mock.calls[0][0] as VNode<
-        CurrentRefinementsProps
-      >;
-      const secondRender = render.mock.calls[1][0] as VNode<
-        CurrentRefinementsProps
-      >;
+      const firstRender = render.mock
+        .calls[0][0] as VNode<CurrentRefinementsProps>;
+      const secondRender = render.mock
+        .calls[1][0] as VNode<CurrentRefinementsProps>;
       const firstContainer = render.mock.calls[0][1];
       const secondContainer = render.mock.calls[1][1];
 
@@ -179,9 +177,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          CurrentRefinementsProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<CurrentRefinementsProps>;
 
         expect(render).toHaveBeenCalledTimes(1);
         expect(firstRender.props).toMatchSnapshot();
@@ -246,12 +243,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          CurrentRefinementsProps
-        >;
-        const {
-          items: renderedItems,
-        } = firstRender.props as CurrentRefinementsProps;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<CurrentRefinementsProps>;
+        const { items: renderedItems } =
+          firstRender.props as CurrentRefinementsProps;
 
         expect(renderedItems).toHaveLength(1);
 
@@ -312,12 +307,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          CurrentRefinementsProps
-        >;
-        const {
-          items: renderedItems,
-        } = firstRender.props as CurrentRefinementsProps;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<CurrentRefinementsProps>;
+        const { items: renderedItems } =
+          firstRender.props as CurrentRefinementsProps;
 
         expect(renderedItems).toHaveLength(0);
       });
@@ -343,10 +336,10 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
         });
         const widget = currentRefinements({
           container: document.createElement('div'),
-          transformItems: items =>
-            items.map(refinementItems => ({
+          transformItems: (items) =>
+            items.map((refinementItems) => ({
               ...refinementItems,
-              refinements: refinementItems.refinements.map(item => ({
+              refinements: refinementItems.refinements.map((item) => ({
                 ...item,
                 transformed: true,
               })),
@@ -389,9 +382,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          CurrentRefinementsProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<CurrentRefinementsProps>;
         // @TODO: expose a way to transform the item type using transformItems
         const renderedItems = (firstRender.props as CurrentRefinementsProps)
           .items as Array<
@@ -437,9 +429,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          CurrentRefinementsProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<CurrentRefinementsProps>;
         const props = firstRender.props as CurrentRefinementsProps;
 
         expect(props.cssClasses.root).toContain('customRoot');
@@ -466,9 +457,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/current-ref
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          CurrentRefinementsProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<CurrentRefinementsProps>;
         const props = firstRender.props as CurrentRefinementsProps;
 
         expect(props.cssClasses.root).toContain('customRoot1');
diff --git a/src/widgets/current-refinements/current-refinements.tsx b/src/widgets/current-refinements/current-refinements.tsx
index 587f82a259..3de8da8712 100644
--- a/src/widgets/current-refinements/current-refinements.tsx
+++ b/src/widgets/current-refinements/current-refinements.tsx
@@ -96,50 +96,52 @@ export type CurrentRefinementsWidget = WidgetFactory<
   CurrentRefinementsWidgetParams
 >;
 
-const currentRefinements: CurrentRefinementsWidget = function currentRefinements(
-  widgetParams
-) {
-  const {
-    container,
-    includedAttributes,
-    excludedAttributes,
-    cssClasses: userCssClasses = {},
-    transformItems,
-  } = widgetParams || {};
-
-  if (!container) {
-    throw new Error(withUsage('The `container` option is required.'));
-  }
-
-  const containerNode = getContainerNode(container);
-  const cssClasses = {
-    root: cx(suit(), userCssClasses.root),
-    list: cx(suit({ descendantName: 'list' }), userCssClasses.list),
-    item: cx(suit({ descendantName: 'item' }), userCssClasses.item),
-    label: cx(suit({ descendantName: 'label' }), userCssClasses.label),
-    category: cx(suit({ descendantName: 'category' }), userCssClasses.category),
-    categoryLabel: cx(
-      suit({ descendantName: 'categoryLabel' }),
-      userCssClasses.categoryLabel
-    ),
-    delete: cx(suit({ descendantName: 'delete' }), userCssClasses.delete),
-  };
-
-  const makeWidget = connectCurrentRefinements<CurrentRefinementsWidgetParams>(
-    renderer,
-    () => render(null, containerNode)
-  );
-
-  return {
-    ...makeWidget({
-      container: containerNode,
-      cssClasses,
+const currentRefinements: CurrentRefinementsWidget =
+  function currentRefinements(widgetParams) {
+    const {
+      container,
       includedAttributes,
       excludedAttributes,
+      cssClasses: userCssClasses = {},
       transformItems,
-    }),
-    $$widgetType: 'ais.currentRefinements',
+    } = widgetParams || {};
+
+    if (!container) {
+      throw new Error(withUsage('The `container` option is required.'));
+    }
+
+    const containerNode = getContainerNode(container);
+    const cssClasses = {
+      root: cx(suit(), userCssClasses.root),
+      list: cx(suit({ descendantName: 'list' }), userCssClasses.list),
+      item: cx(suit({ descendantName: 'item' }), userCssClasses.item),
+      label: cx(suit({ descendantName: 'label' }), userCssClasses.label),
+      category: cx(
+        suit({ descendantName: 'category' }),
+        userCssClasses.category
+      ),
+      categoryLabel: cx(
+        suit({ descendantName: 'categoryLabel' }),
+        userCssClasses.categoryLabel
+      ),
+      delete: cx(suit({ descendantName: 'delete' }), userCssClasses.delete),
+    };
+
+    const makeWidget =
+      connectCurrentRefinements<CurrentRefinementsWidgetParams>(renderer, () =>
+        render(null, containerNode)
+      );
+
+    return {
+      ...makeWidget({
+        container: containerNode,
+        cssClasses,
+        includedAttributes,
+        excludedAttributes,
+        transformItems,
+      }),
+      $$widgetType: 'ais.currentRefinements',
+    };
   };
-};
 
 export default currentRefinements;
diff --git a/src/widgets/dynamic-widgets/__tests__/dynamic-widgets-test.ts b/src/widgets/dynamic-widgets/__tests__/dynamic-widgets-test.ts
index 1b58258b1e..7c61419f62 100644
--- a/src/widgets/dynamic-widgets/__tests__/dynamic-widgets-test.ts
+++ b/src/widgets/dynamic-widgets/__tests__/dynamic-widgets-test.ts
@@ -55,7 +55,7 @@ describe('dynamicWidgets()', () => {
       expect(() =>
         EXPERIMENTAL_dynamicWidgets({
           container: document.createElement('div'),
-          transformItems: items => items,
+          transformItems: (items) => items,
           widgets: [],
         })
       ).not.toThrowError();
@@ -68,27 +68,27 @@ describe('dynamicWidgets()', () => {
 
       const widget = EXPERIMENTAL_dynamicWidgets({
         container: rootContainer,
-        transformItems: items => items,
+        transformItems: (items) => items,
         widgets: [
-          container =>
+          (container) =>
             menu({
               attribute: 'test1',
               container,
               cssClasses: { root: 'test1' },
             }),
-          container =>
+          (container) =>
             menu({
               attribute: 'test2',
               container,
               cssClasses: { root: 'test2' },
             }),
-          container =>
+          (container) =>
             menu({
               attribute: 'test3',
               container,
               cssClasses: { root: 'test3' },
             }),
-          container =>
+          (container) =>
             menu({
               attribute: 'test4',
               container,
@@ -133,25 +133,25 @@ describe('dynamicWidgets()', () => {
             return [];
           },
           widgets: [
-            container =>
+            (container) =>
               menu({
                 attribute: 'test1',
                 container,
                 cssClasses: { root: 'test1' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test2',
                 container,
                 cssClasses: { root: 'test2' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test3',
                 container,
                 cssClasses: { root: 'test3' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test4',
                 container,
@@ -164,12 +164,13 @@ describe('dynamicWidgets()', () => {
       indexWidget.init!(createInitOptions({ instantSearchInstance }));
 
       // set results to the relevant index, so it renders all children
-      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults = new SearchResults(
-        indexWidget.getWidgetSearchParameters(new SearchParameters(), {
-          uiState: {},
-        }),
-        createMultiSearchResponse({}).results
-      );
+      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults =
+        new SearchResults(
+          indexWidget.getWidgetSearchParameters(new SearchParameters(), {
+            uiState: {},
+          }),
+          createMultiSearchResponse({}).results
+        );
 
       indexWidget.render!(createRenderOptions({ instantSearchInstance }));
 
@@ -208,25 +209,25 @@ describe('dynamicWidgets()', () => {
             return ['test1'];
           },
           widgets: [
-            container =>
+            (container) =>
               menu({
                 attribute: 'test1',
                 container,
                 cssClasses: { root: 'test1' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test2',
                 container,
                 cssClasses: { root: 'test2' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test3',
                 container,
                 cssClasses: { root: 'test3' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test4',
                 container,
@@ -239,12 +240,13 @@ describe('dynamicWidgets()', () => {
       indexWidget.init!(createInitOptions({ instantSearchInstance }));
 
       // set results to the relevant index, so it renders all children
-      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults = new SearchResults(
-        indexWidget.getWidgetSearchParameters(new SearchParameters(), {
-          uiState: {},
-        }),
-        createMultiSearchResponse({}).results
-      );
+      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults =
+        new SearchResults(
+          indexWidget.getWidgetSearchParameters(new SearchParameters(), {
+            uiState: {},
+          }),
+          createMultiSearchResponse({}).results
+        );
 
       indexWidget.render!(createRenderOptions({ instantSearchInstance }));
 
@@ -287,25 +289,25 @@ describe('dynamicWidgets()', () => {
             return results.userData[0].MOCK_facetOrder;
           },
           widgets: [
-            container =>
+            (container) =>
               menu({
                 attribute: 'test1',
                 container,
                 cssClasses: { root: 'test1' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test2',
                 container,
                 cssClasses: { root: 'test2' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test3',
                 container,
                 cssClasses: { root: 'test3' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test4',
                 container,
@@ -318,14 +320,15 @@ describe('dynamicWidgets()', () => {
       indexWidget.init!(createInitOptions({ instantSearchInstance }));
 
       // set results to the relevant index, so it renders all children
-      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults = new SearchResults(
-        indexWidget.getWidgetSearchParameters(new SearchParameters(), {
-          uiState: {},
-        }),
-        createMultiSearchResponse({
-          userData: [{ MOCK_facetOrder: ['test1', 'test4'] }],
-        }).results
-      );
+      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults =
+        new SearchResults(
+          indexWidget.getWidgetSearchParameters(new SearchParameters(), {
+            uiState: {},
+          }),
+          createMultiSearchResponse({
+            userData: [{ MOCK_facetOrder: ['test1', 'test4'] }],
+          }).results
+        );
 
       indexWidget.render!(createRenderOptions({ instantSearchInstance }));
 
@@ -361,14 +364,15 @@ describe('dynamicWidgets()', () => {
       `);
 
       // set results to the relevant index, so it renders all children
-      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults = new SearchResults(
-        indexWidget.getWidgetSearchParameters(new SearchParameters(), {
-          uiState: {},
-        }),
-        createMultiSearchResponse({
-          userData: [{ MOCK_facetOrder: ['test4', 'test1'] }],
-        }).results
-      );
+      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults =
+        new SearchResults(
+          indexWidget.getWidgetSearchParameters(new SearchParameters(), {
+            uiState: {},
+          }),
+          createMultiSearchResponse({
+            userData: [{ MOCK_facetOrder: ['test4', 'test1'] }],
+          }).results
+        );
 
       indexWidget.render!(createRenderOptions({ instantSearchInstance }));
 
@@ -413,25 +417,25 @@ describe('dynamicWidgets()', () => {
             return results.userData[0].MOCK_facetOrder;
           },
           widgets: [
-            container =>
+            (container) =>
               menu({
                 attribute: 'test1',
                 container,
                 cssClasses: { root: 'test1' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test2',
                 container,
                 cssClasses: { root: 'test2' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test3',
                 container,
                 cssClasses: { root: 'test3' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test4',
                 container,
@@ -444,14 +448,15 @@ describe('dynamicWidgets()', () => {
       indexWidget.init!(createInitOptions({ instantSearchInstance }));
 
       // set results to the relevant index, so it renders all children
-      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults = new SearchResults(
-        indexWidget.getWidgetSearchParameters(new SearchParameters(), {
-          uiState: {},
-        }),
-        createMultiSearchResponse({
-          userData: [{ MOCK_facetOrder: ['test1', 'test4'] }],
-        }).results
-      );
+      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults =
+        new SearchResults(
+          indexWidget.getWidgetSearchParameters(new SearchParameters(), {
+            uiState: {},
+          }),
+          createMultiSearchResponse({
+            userData: [{ MOCK_facetOrder: ['test1', 'test4'] }],
+          }).results
+        );
 
       indexWidget.render!(createRenderOptions({ instantSearchInstance }));
 
@@ -491,25 +496,25 @@ describe('dynamicWidgets()', () => {
             return results.userData[0].MOCK_facetOrder;
           },
           widgets: [
-            container =>
+            (container) =>
               menu({
                 attribute: 'test1',
                 container,
                 cssClasses: { root: 'test1' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test2',
                 container,
                 cssClasses: { root: 'test2' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test3',
                 container,
                 cssClasses: { root: 'test3' },
               }),
-            container =>
+            (container) =>
               menu({
                 attribute: 'test4',
                 container,
@@ -522,14 +527,15 @@ describe('dynamicWidgets()', () => {
       indexWidget.init!(createInitOptions({ instantSearchInstance }));
 
       // set results to the relevant index, so it renders all children
-      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults = new SearchResults(
-        indexWidget.getWidgetSearchParameters(new SearchParameters(), {
-          uiState: {},
-        }),
-        createMultiSearchResponse({
-          userData: [{ MOCK_facetOrder: ['test1', 'test4'] }],
-        }).results
-      );
+      instantSearchInstance.mainHelper!.derivedHelpers[0].lastResults =
+        new SearchResults(
+          indexWidget.getWidgetSearchParameters(new SearchParameters(), {
+            uiState: {},
+          }),
+          createMultiSearchResponse({
+            userData: [{ MOCK_facetOrder: ['test1', 'test4'] }],
+          }).results
+        );
 
       indexWidget.render!(createRenderOptions({ instantSearchInstance }));
 
diff --git a/src/widgets/dynamic-widgets/dynamic-widgets.ts b/src/widgets/dynamic-widgets/dynamic-widgets.ts
index b26acb7338..941219aa69 100644
--- a/src/widgets/dynamic-widgets/dynamic-widgets.ts
+++ b/src/widgets/dynamic-widgets/dynamic-widgets.ts
@@ -29,8 +29,11 @@ export type DynamicWidgetsWidget = WidgetFactory<
 const dynamicWidgets: DynamicWidgetsWidget = function dynamicWidgets(
   widgetParams
 ) {
-  const { container: containerSelector, transformItems, widgets } =
-    widgetParams || {};
+  const {
+    container: containerSelector,
+    transformItems,
+    widgets,
+  } = widgetParams || {};
 
   if (!containerSelector) {
     throw new Error(withUsage('The `container` option is required.'));
@@ -39,7 +42,7 @@ const dynamicWidgets: DynamicWidgetsWidget = function dynamicWidgets(
   if (
     !widgets ||
     !Array.isArray(widgets) ||
-    widgets.some(widget => typeof widget !== 'function')
+    widgets.some((widget) => typeof widget !== 'function')
   ) {
     throw new Error(
       withUsage('The `widgets` option expects an array of callbacks.')
@@ -59,7 +62,7 @@ const dynamicWidgets: DynamicWidgetsWidget = function dynamicWidgets(
         userContainer.appendChild(rootContainer);
       }
 
-      attributesToRender.forEach(attribute => {
+      attributesToRender.forEach((attribute) => {
         if (!containers.has(attribute)) {
           return;
         }
@@ -80,7 +83,7 @@ const dynamicWidgets: DynamicWidgetsWidget = function dynamicWidgets(
   return {
     ...widget,
     init(initOptions) {
-      widgets.forEach(cb => {
+      widgets.forEach((cb) => {
         const container = document.createElement('div');
         container.className = suit({ descendantName: 'widget' });
         rootContainer.appendChild(container);
diff --git a/src/widgets/geo-search/GeoSearchRenderer.js b/src/widgets/geo-search/GeoSearchRenderer.js
index e0ca3637fb..9301f50924 100644
--- a/src/widgets/geo-search/GeoSearchRenderer.js
+++ b/src/widgets/geo-search/GeoSearchRenderer.js
@@ -6,14 +6,8 @@ import GeoSearchControls from '../../components/GeoSearchControls/GeoSearchContr
 
 const refineWithMap = ({ refine, mapInstance }) =>
   refine({
-    northEast: mapInstance
-      .getBounds()
-      .getNorthEast()
-      .toJSON(),
-    southWest: mapInstance
-      .getBounds()
-      .getSouthWest()
-      .toJSON(),
+    northEast: mapInstance.getBounds().getNorthEast().toJSON(),
+    southWest: mapInstance.getBounds().getSouthWest().toJSON(),
   });
 
 const collectMarkersForNextRender = (markers, nextIds) =>
@@ -149,31 +143,31 @@ const renderer = (
   }
 
   // Collect markers that need to be updated or removed
-  const nextItemsIds = items.map(_ => _.objectID);
+  const nextItemsIds = items.map((_) => _.objectID);
   const [updateMarkers, exitMarkers] = collectMarkersForNextRender(
     renderState.markers,
     nextItemsIds
   );
 
   // Collect items that will be added
-  const updateMarkerIds = updateMarkers.map(_ => _.__id);
+  const updateMarkerIds = updateMarkers.map((_) => _.__id);
   const nextPendingItems = items.filter(
-    item => !updateMarkerIds.includes(item.objectID)
+    (item) => !updateMarkerIds.includes(item.objectID)
   );
 
   // Remove all markers that need to be removed
-  exitMarkers.forEach(marker => marker.setMap(null));
+  exitMarkers.forEach((marker) => marker.setMap(null));
 
   // Create the markers from the items
   renderState.markers = updateMarkers.concat(
-    nextPendingItems.map(item => {
+    nextPendingItems.map((item) => {
       const marker = createMarker({
         map: renderState.mapInstance,
         item,
       });
 
-      Object.keys(markerOptions.events).forEach(eventName => {
-        marker.addListener(eventName, event => {
+      Object.keys(markerOptions.events).forEach((eventName) => {
+        marker.addListener(eventName, (event) => {
           markerOptions.events[eventName]({
             map: renderState.mapInstance,
             event,
diff --git a/src/widgets/geo-search/__tests__/createHTMLMarker-test.ts b/src/widgets/geo-search/__tests__/createHTMLMarker-test.ts
index 8d265d4b73..5e6d5958d8 100644
--- a/src/widgets/geo-search/__tests__/createHTMLMarker-test.ts
+++ b/src/widgets/geo-search/__tests__/createHTMLMarker-test.ts
@@ -20,12 +20,12 @@ describe('createHTMLMarker', () => {
   }
 
   const createFakeGoogleReference = () => ({
-    maps: ({
-      LatLng: jest.fn(x => x),
+    maps: {
+      LatLng: jest.fn((x) => x),
       // Required to be a constructor since
       // we extend from it in the Marker class
       OverlayView: FakeOverlayView,
-    } as unknown) as typeof google.maps,
+    } as unknown as typeof google.maps,
   });
 
   const createFakeParams = ({ ...rest } = {}) => ({
@@ -34,7 +34,7 @@ describe('createHTMLMarker', () => {
       lat: 10,
       lng: 12,
     },
-    map: ('map-instance-placeholder' as unknown) as google.maps.Map,
+    map: 'map-instance-placeholder' as unknown as google.maps.Map,
     template: '<div>Hello</div>',
     className: 'ais-geo-search-marker',
     ...rest,
diff --git a/src/widgets/geo-search/__tests__/geo-search-test.ts b/src/widgets/geo-search/__tests__/geo-search-test.ts
index 50cbb9c428..aace9fa960 100644
--- a/src/widgets/geo-search/__tests__/geo-search-test.ts
+++ b/src/widgets/geo-search/__tests__/geo-search-test.ts
@@ -66,7 +66,7 @@ describe('GeoSearch', () => {
     mapInstance = createFakeMapInstance(),
     markerInstance = createFakeMarkerInstance(),
   } = {}): typeof google => ({
-    maps: ({
+    maps: {
       LatLng: jest.fn(),
       LatLngBounds: jest.fn((southWest, northEast) => ({
         northEast,
@@ -86,7 +86,7 @@ describe('GeoSearch', () => {
         })),
       })),
       Map: jest.fn(() => mapInstance),
-      Marker: jest.fn(args => ({
+      Marker: jest.fn((args) => ({
         ...args,
         ...markerInstance,
       })),
@@ -110,7 +110,7 @@ describe('GeoSearch', () => {
           })),
         })),
       },
-    } as unknown) as typeof google.maps,
+    } as unknown as typeof google.maps,
   });
 
   const createContainer = () => document.createElement('div');
@@ -133,7 +133,9 @@ describe('GeoSearch', () => {
     eventName: string,
     event?: any
   ) => {
-    fn.addListener.mock.calls.find(call => call.includes(eventName))[1](event);
+    fn.addListener.mock.calls.find((call) => call.includes(eventName))[1](
+      event
+    );
   };
 
   beforeEach(() => {
@@ -568,7 +570,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
     });
 
     // Use the same tests for all events since all of them trigger the same function
-    ['center_changed', 'zoom_changed', 'dragstart'].forEach(eventName => {
+    ['center_changed', 'zoom_changed', 'dragstart'].forEach((eventName) => {
       it(`expect to listen for "${eventName}" and trigger setMapMoveSinceLastRefine`, () => {
         const container = createContainer();
         const instantSearchInstance = createFakeInstantSearch();
@@ -834,7 +836,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
 
       expect(googleReference.maps.Marker).toHaveBeenCalledTimes(3);
       expect(
-        ((googleReference.maps.Marker as unknown) as jest.Mock).mock.calls
+        (googleReference.maps.Marker as unknown as jest.Mock).mock.calls
       ).toEqual([
         [expect.objectContaining({ __id: '123' })],
         [expect.objectContaining({ __id: '456' })],
@@ -852,7 +854,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
         googleReference,
         container,
         builtInMarker: {
-          createOptions: item => ({
+          createOptions: (item) => ({
             title: `ID: ${item.objectID}`,
           }),
         },
@@ -884,7 +886,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
 
       expect(googleReference.maps.Marker).toHaveBeenCalledTimes(3);
       expect(
-        ((googleReference.maps.Marker as unknown) as jest.Mock).mock.calls
+        (googleReference.maps.Marker as unknown as jest.Mock).mock.calls
       ).toEqual([
         [expect.objectContaining({ __id: '123', title: 'ID: 123' })],
         [expect.objectContaining({ __id: '456', title: 'ID: 456' })],
@@ -1042,7 +1044,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
         googleReference,
         container,
         customHTMLMarker: {
-          createOptions: item => ({
+          createOptions: (item) => ({
             title: `ID: ${item.objectID}`,
           }),
         },
@@ -1182,7 +1184,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
         googleReference,
         container,
         customHTMLMarker: {
-          createOptions: item => ({
+          createOptions: (item) => ({
             title: `ID: ${item.objectID}`,
           }),
         },
@@ -1440,7 +1442,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
         })
       );
 
-      ((googleReference.maps.Marker as unknown) as jest.Mock).mockClear();
+      (googleReference.maps.Marker as unknown as jest.Mock).mockClear();
 
       widget.render!(
         createRenderOptions({
@@ -1507,7 +1509,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/geo-search/
         })
       );
 
-      ((googleReference.maps.Marker as unknown) as jest.Mock).mockClear();
+      (googleReference.maps.Marker as unknown as jest.Mock).mockClear();
 
       widget.render!(
         createRenderOptions({
diff --git a/src/widgets/geo-search/createHTMLMarker.ts b/src/widgets/geo-search/createHTMLMarker.ts
index 981943fb26..bde287b1b3 100644
--- a/src/widgets/geo-search/createHTMLMarker.ts
+++ b/src/widgets/geo-search/createHTMLMarker.ts
@@ -97,7 +97,7 @@ const createHTMLMarker = (
       if (this.element) {
         this.element.parentNode!.removeChild(this.element);
 
-        Object.keys(this.listeners).forEach(eventName => {
+        Object.keys(this.listeners).forEach((eventName) => {
           this.element.removeEventListener(
             eventName,
             this.listeners[eventName]
diff --git a/src/widgets/geo-search/geo-search.ts b/src/widgets/geo-search/geo-search.ts
index a4922eedd3..5393493cca 100644
--- a/src/widgets/geo-search/geo-search.ts
+++ b/src/widgets/geo-search/geo-search.ts
@@ -167,7 +167,7 @@ export type GeoSearchWidget = WidgetFactory<
  *
  * Don't forget to explicitly set the `height` of the map container (default class `.ais-geo-search--map`), otherwise it won't be shown (it's a requirement of Google Maps).
  */
-const geoSearch: GeoSearchWidget = widgetParams => {
+const geoSearch: GeoSearchWidget = (widgetParams) => {
   const {
     initialZoom = 1,
     initialPosition = { lat: 0, lng: 0 },
@@ -188,12 +188,11 @@ const geoSearch: GeoSearchWidget = widgetParams => {
     events: {},
   };
 
-  const defaultCustomHTMLMarker: GeoSearchMarker<Partial<
-    HTMLMarkerArguments
-  >> = {
-    createOptions: () => ({}),
-    events: {},
-  };
+  const defaultCustomHTMLMarker: GeoSearchMarker<Partial<HTMLMarkerArguments>> =
+    {
+      createOptions: () => ({}),
+      events: {},
+    };
 
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
diff --git a/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts b/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts
index 0da2df13e4..3fcaaa1bc8 100644
--- a/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts
+++ b/src/widgets/hierarchical-menu/__tests__/hierarchical-menu-test.ts
@@ -33,9 +33,11 @@ describe('hierarchicalMenu()', () => {
   let container: HTMLDivElement;
   let attributes: string[];
   let options: HierarchicalMenuConnectorParams & HierarchicalMenuWidgetParams;
-  let widget: Widget<HierarchicalMenuWidgetDescription & {
-    widgetParams: HierarchicalMenuConnectorParams;
-  }>;
+  let widget: Widget<
+    HierarchicalMenuWidgetDescription & {
+      widgetParams: HierarchicalMenuConnectorParams;
+    }
+  >;
 
   beforeEach(() => {
     container = document.createElement('div');
@@ -170,8 +172,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/hierarchica
     it('has a transformItems options', () => {
       widget = hierarchicalMenu({
         ...options,
-        transformItems: items =>
-          items.map(item => ({ ...item, transformed: true })),
+        transformItems: (items) =>
+          items.map((item) => ({ ...item, transformed: true })),
       });
 
       widget.init!(createInitOptions({ helper }));
diff --git a/src/widgets/hierarchical-menu/hierarchical-menu.tsx b/src/widgets/hierarchical-menu/hierarchical-menu.tsx
index f18602207e..96d80ccd15 100644
--- a/src/widgets/hierarchical-menu/hierarchical-menu.tsx
+++ b/src/widgets/hierarchical-menu/hierarchical-menu.tsx
@@ -98,13 +98,11 @@ export type HierarchicalMenuCSSClasses = Partial<{
   disabledShowMore: string | string[];
 }>;
 
-export type HierarchicalMenuComponentCSSClasses = ComponentCSSClasses<
-  HierarchicalMenuCSSClasses
->;
+export type HierarchicalMenuComponentCSSClasses =
+  ComponentCSSClasses<HierarchicalMenuCSSClasses>;
 
-export type HierarchicalMenuComponentTemplates = Required<
-  HierarchicalMenuTemplates
->;
+export type HierarchicalMenuComponentTemplates =
+  Required<HierarchicalMenuTemplates>;
 
 export type HierarchicalMenuWidgetParams = {
   /**
@@ -177,57 +175,59 @@ export type HierarchicalMenuWidgetParams = {
   cssClasses?: HierarchicalMenuCSSClasses;
 };
 
-const renderer = ({
-  cssClasses,
-  containerNode,
-  showMore,
-  templates,
-  renderState,
-}: {
-  cssClasses: HierarchicalMenuComponentCSSClasses;
-  containerNode: HTMLElement;
-  showMore: boolean;
-  templates: HierarchicalMenuTemplates;
-  renderState: {
-    templateProps?: PreparedTemplateProps<HierarchicalMenuComponentTemplates>;
-  };
-}) => (
-  {
-    createURL,
-    items,
-    refine,
-    instantSearchInstance,
-    isShowingMore,
-    toggleShowMore,
-    canToggleShowMore,
-  }: HierarchicalMenuRenderState &
-    RendererOptions<HierarchicalMenuConnectorParams>,
-  isFirstRendering: boolean
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
+const renderer =
+  ({
+    cssClasses,
+    containerNode,
+    showMore,
+    templates,
+    renderState,
+  }: {
+    cssClasses: HierarchicalMenuComponentCSSClasses;
+    containerNode: HTMLElement;
+    showMore: boolean;
+    templates: HierarchicalMenuTemplates;
+    renderState: {
+      templateProps?: PreparedTemplateProps<HierarchicalMenuComponentTemplates>;
+    };
+  }) =>
+  (
+    {
+      createURL,
+      items,
+      refine,
+      instantSearchInstance,
+      isShowingMore,
+      toggleShowMore,
+      canToggleShowMore,
+    }: HierarchicalMenuRenderState &
+      RendererOptions<HierarchicalMenuConnectorParams>,
+    isFirstRendering: boolean
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
 
-  render(
-    <RefinementList
-      createURL={createURL}
-      cssClasses={cssClasses}
-      facetValues={items}
-      templateProps={renderState.templateProps!}
-      toggleRefinement={refine}
-      showMore={showMore}
-      toggleShowMore={toggleShowMore}
-      isShowingMore={isShowingMore}
-      canToggleShowMore={canToggleShowMore}
-    />,
-    containerNode
-  );
-};
+    render(
+      <RefinementList
+        createURL={createURL}
+        cssClasses={cssClasses}
+        facetValues={items}
+        templateProps={renderState.templateProps!}
+        toggleRefinement={refine}
+        showMore={showMore}
+        toggleShowMore={toggleShowMore}
+        isShowingMore={isShowingMore}
+        canToggleShowMore={canToggleShowMore}
+      />,
+      containerNode
+    );
+  };
 
 /**
  * The hierarchical menu widget is used to create a navigation based on a hierarchy of facet attributes.
diff --git a/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts b/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts
index 99c89e8fde..7a91f2e5ee 100644
--- a/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts
+++ b/src/widgets/hits-per-page/__tests__/hits-per-page-test.ts
@@ -111,16 +111,18 @@ describe('hitsPerPage()', () => {
         { value: 10, label: '10 results' },
         { value: 20, label: '20 results', default: true },
       ],
-      transformItems: widgetItems =>
-        widgetItems.map(item => ({ ...item, transformed: true })),
+      transformItems: (widgetItems) =>
+        widgetItems.map((item) => ({ ...item, transformed: true })),
     });
 
     widget.init!(createInitOptions({ helper, state: helper.state }));
     widget.render!(createRenderOptions({ results, state }));
 
-    const selectorRender = ((render.mock.calls[0][0] as VNode).props as {
-      children: ComponentChildren;
-    }).children as VNode<SelectorProps>;
+    const selectorRender = (
+      (render.mock.calls[0][0] as VNode).props as {
+        children: ComponentChildren;
+      }
+    ).children as VNode<SelectorProps>;
     const props = selectorRender.props as SelectorProps;
 
     expect(props.options).toEqual([
diff --git a/src/widgets/hits-per-page/hits-per-page.tsx b/src/widgets/hits-per-page/hits-per-page.tsx
index ca2615cbe1..3bccc3906e 100644
--- a/src/widgets/hits-per-page/hits-per-page.tsx
+++ b/src/widgets/hits-per-page/hits-per-page.tsx
@@ -21,33 +21,32 @@ const withUsage = createDocumentationMessageGenerator({
 });
 const suit = component('HitsPerPage');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: ComponentCSSClasses<HitsPerPageCSSClasses>;
-}) => (
-  { items, refine }: HitsPerPageRenderState,
-  isFirstRendering: boolean
-) => {
-  if (isFirstRendering) return;
-
-  const { value: currentValue } =
-    find(items, ({ isRefined }) => isRefined) || {};
-
-  render(
-    <div className={cssClasses.root}>
-      <Selector
-        cssClasses={cssClasses}
-        currentValue={currentValue}
-        options={items}
-        setValue={refine}
-      />
-    </div>,
-    containerNode
-  );
-};
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: ComponentCSSClasses<HitsPerPageCSSClasses>;
+  }) =>
+  ({ items, refine }: HitsPerPageRenderState, isFirstRendering: boolean) => {
+    if (isFirstRendering) return;
+
+    const { value: currentValue } =
+      find(items, ({ isRefined }) => isRefined) || {};
+
+    render(
+      <div className={cssClasses.root}>
+        <Selector
+          cssClasses={cssClasses}
+          currentValue={currentValue}
+          options={items}
+          setValue={refine}
+        />
+      </div>,
+      containerNode
+    );
+  };
 
 export type HitsPerPageCSSClasses = Partial<{
   /**
@@ -85,8 +84,12 @@ export type HitsPerPageWidget = WidgetFactory<
 >;
 
 const hitsPerPage: HitsPerPageWidget = function hitsPerPage(widgetParams) {
-  const { container, items, cssClasses: userCssClasses = {}, transformItems } =
-    widgetParams || {};
+  const {
+    container,
+    items,
+    cssClasses: userCssClasses = {},
+    transformItems,
+  } = widgetParams || {};
 
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
diff --git a/src/widgets/hits/__tests__/hits-integration-test.ts b/src/widgets/hits/__tests__/hits-integration-test.ts
index 725db06d61..c17fb30d64 100644
--- a/src/widgets/hits/__tests__/hits-integration-test.ts
+++ b/src/widgets/hits/__tests__/hits-integration-test.ts
@@ -16,7 +16,7 @@ const createSearchClient = ({
   const page = 0;
 
   return {
-    search: jest.fn(requests =>
+    search: jest.fn((requests) =>
       Promise.resolve({
         results: requests.map(() =>
           createSingleSearchResponse({
@@ -231,7 +231,7 @@ describe('hits', () => {
         hits({
           container,
           templates: {
-            item: item => `
+            item: (item) => `
               <button type='button' ${instantsearch.insights(
                 'clickedObjectIDsAfterSearch',
                 {
diff --git a/src/widgets/hits/__tests__/hits-test.ts b/src/widgets/hits/__tests__/hits-test.ts
index 5c046bb209..0609154a02 100644
--- a/src/widgets/hits/__tests__/hits-test.ts
+++ b/src/widgets/hits/__tests__/hits-test.ts
@@ -249,8 +249,8 @@ describe('hits()', () => {
   it('renders transformed items', () => {
     widget = hits({
       container,
-      transformItems: items =>
-        items.map(item => ({ ...item, transformed: true })),
+      transformItems: (items) =>
+        items.map((item) => ({ ...item, transformed: true })),
     });
 
     widget.init!(
diff --git a/src/widgets/hits/hits.tsx b/src/widgets/hits/hits.tsx
index b64bb40b06..879f14b669 100644
--- a/src/widgets/hits/hits.tsx
+++ b/src/widgets/hits/hits.tsx
@@ -34,46 +34,48 @@ const withUsage = createDocumentationMessageGenerator({ name: 'hits' });
 const suit = component('Hits');
 const HitsWithInsightsListener = withInsightsListener(Hits);
 
-const renderer = ({
-  renderState,
-  cssClasses,
-  containerNode,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: HitsComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<HitsComponentTemplates>;
-  };
-  templates: HitsTemplates;
-}): Renderer<HitsRenderState, Partial<HitsWidgetParams>> => (
-  { hits: receivedHits, results, instantSearchInstance, insights, bindEvent },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
+const renderer =
+  ({
+    renderState,
+    cssClasses,
+    containerNode,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: HitsComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<HitsComponentTemplates>;
+    };
+    templates: HitsTemplates;
+  }): Renderer<HitsRenderState, Partial<HitsWidgetParams>> =>
+  (
+    { hits: receivedHits, results, instantSearchInstance, insights, bindEvent },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
 
-  render(
-    <HitsWithInsightsListener
-      cssClasses={cssClasses}
-      hits={receivedHits}
-      results={results}
-      templateProps={renderState.templateProps}
-      insights={insights as InsightsClientWrapper}
-      sendEvent={(event: InsightsEvent) => {
-        instantSearchInstance.sendEventToInsights(event);
-      }}
-      bindEvent={bindEvent}
-    />,
-    containerNode
-  );
-};
+    render(
+      <HitsWithInsightsListener
+        cssClasses={cssClasses}
+        hits={receivedHits}
+        results={results}
+        templateProps={renderState.templateProps}
+        insights={insights as InsightsClientWrapper}
+        sendEvent={(event: InsightsEvent) => {
+          instantSearchInstance.sendEventToInsights(event);
+        }}
+        bindEvent={bindEvent}
+      />,
+      containerNode
+    );
+  };
 
 export type HitsCSSClasses = Partial<{
   /**
diff --git a/src/widgets/index/__tests__/index-test.ts b/src/widgets/index/__tests__/index-test.ts
index ac1ded67db..1a8b915d1a 100644
--- a/src/widgets/index/__tests__/index-test.ts
+++ b/src/widgets/index/__tests__/index-test.ts
@@ -238,13 +238,13 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
           })
         );
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.init).toHaveBeenCalledTimes(0);
         });
 
         instance.addWidgets(widgets);
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.init).toHaveBeenCalledTimes(1);
           expect(widget.init).toHaveBeenCalledWith({
             instantSearchInstance,
@@ -288,13 +288,13 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
           })
         );
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.init).toHaveBeenCalledTimes(0);
         });
 
         instance.addWidgets(widgets);
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.init).toHaveBeenCalledTimes(1);
           expect(widget.init).toHaveBeenCalledWith({
             instantSearchInstance,
@@ -563,13 +563,13 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
 
         instance.init(createInitOptions({ parent: null }));
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.dispose).toHaveBeenCalledTimes(0);
         });
 
         instance.removeWidgets(widgets);
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.dispose).toHaveBeenCalledTimes(1);
           expect(widget.dispose).toHaveBeenCalledWith({
             helper: instance.getHelper(),
@@ -1225,7 +1225,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
 
       instance.addWidgets(widgets);
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.init).toHaveBeenCalledTimes(0);
       });
 
@@ -1236,7 +1236,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         })
       );
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.init).toHaveBeenCalledTimes(1);
         expect(widget.init).toHaveBeenCalledWith({
           instantSearchInstance,
@@ -1344,10 +1344,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         );
 
         // Setting a query is considered as a change
-        level1
-          .getHelper()!
-          .setQuery('Hey')
-          .search();
+        level1.getHelper()!.setQuery('Hey').search();
 
         expect(searchClient.search).toHaveBeenCalledWith(
           expect.arrayContaining([
@@ -1452,10 +1449,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         });
 
         // Setting a query is considered as a change
-        level0
-          .getHelper()!
-          .setQuery('Hey')
-          .search();
+        level0.getHelper()!.setQuery('Hey').search();
 
         expect(level0.getWidgetUiState({})).toEqual({
           level0IndexName: {
@@ -1560,10 +1554,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
           })
         );
 
-        level1
-          .getHelper()!
-          .setPage(4)
-          .search();
+        level1.getHelper()!.setPage(4).search();
 
         expect(searchClient.search).toHaveBeenCalledWith(
           expect.arrayContaining([
@@ -1678,10 +1669,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
           })
         );
 
-        level1
-          .getHelper()!
-          .setQuery('Hey')
-          .search();
+        level1.getHelper()!.setQuery('Hey').search();
 
         expect(searchClient.search).toHaveBeenCalledWith(
           expect.arrayContaining([
@@ -1895,7 +1883,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
           .setQueryParameter('query', 'Apple')
           .setQueryParameter('page', 5);
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           expect(widget.getWidgetUiState).toHaveBeenCalledTimes(2); // 2 changes
         });
 
@@ -2169,7 +2157,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         }),
       });
       const pagination = createPagination({
-        getRenderState: jest.fn(renderState => {
+        getRenderState: jest.fn((renderState) => {
           return {
             ...renderState,
             pagination: {
@@ -2285,7 +2273,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         }),
       });
       const pagination = createPagination({
-        getRenderState: jest.fn(renderState => {
+        getRenderState: jest.fn((renderState) => {
           return {
             ...renderState,
             pagination: {
@@ -2409,7 +2397,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
 
       instance.addWidgets(widgets);
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.render).toHaveBeenCalledTimes(0);
       });
 
@@ -2427,7 +2415,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
 
       await runAllMicroTasks();
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.render).toHaveBeenCalledTimes(0);
       });
 
@@ -2437,7 +2425,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         })
       );
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.render).toHaveBeenCalledTimes(1);
         expect(widget.render).toHaveBeenCalledWith({
           instantSearchInstance,
@@ -2470,19 +2458,19 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
 
       instance.addWidgets(widgets);
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.render).toHaveBeenCalledTimes(0);
       });
 
       instance.init(createInitOptions({ parent: null }));
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.render).toHaveBeenCalledTimes(0);
       });
 
       instance.render(createRenderOptions());
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.render).toHaveBeenCalledTimes(0);
       });
     });
@@ -2658,7 +2646,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         })
       );
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.dispose).toHaveBeenCalledTimes(0);
       });
 
@@ -2672,7 +2660,7 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/index-widge
         })
       );
 
-      widgets.forEach(widget => {
+      widgets.forEach((widget) => {
         expect(widget.dispose).toHaveBeenCalledTimes(1);
         expect(widget.dispose).toHaveBeenCalledWith({
           state: helper!.state,
diff --git a/src/widgets/index/index.ts b/src/widgets/index/index.ts
index e5b8ae3d9e..c23e354eb5 100644
--- a/src/widgets/index/index.ts
+++ b/src/widgets/index/index.ts
@@ -152,7 +152,7 @@ function getLocalWidgetsSearchParameters(
   const { initialSearchParameters, ...rest } = widgetSearchParametersOptions;
 
   return widgets
-    .filter(widget => !isIndexWidget(widget))
+    .filter((widget) => !isIndexWidget(widget))
     .reduce<SearchParameters>((state, widget) => {
       if (!widget.getWidgetSearchParameters) {
         return state;
@@ -169,7 +169,7 @@ function resetPageFromWidgets(widgets: Array<Widget | IndexWidget>): void {
     return;
   }
 
-  indexWidgets.forEach(widget => {
+  indexWidgets.forEach((widget) => {
     const widgetHelper = widget.getHelper()!;
 
     privateHelperSetState(widgetHelper, {
@@ -267,7 +267,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
 
       if (
         widgets.some(
-          widget =>
+          (widget) =>
             typeof widget.init !== 'function' &&
             typeof widget.render !== 'function'
         )
@@ -293,7 +293,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
         // We compute the render state before calling `init` in a separate loop
         // to construct the whole render state object that is then passed to
         // `init`.
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           if (widget.getRenderState) {
             const renderState = widget.getRenderState(
               localInstantSearchInstance!.renderState[this.getIndexId()] || {},
@@ -321,7 +321,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
           }
         });
 
-        widgets.forEach(widget => {
+        widgets.forEach((widget) => {
           if (widget.init) {
             widget.init({
               helper: helper!,
@@ -353,14 +353,14 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
         );
       }
 
-      if (widgets.some(widget => typeof widget.dispose !== 'function')) {
+      if (widgets.some((widget) => typeof widget.dispose !== 'function')) {
         throw new Error(
           withUsage('The widget definition expects a `dispose` method.')
         );
       }
 
       localWidgets = localWidgets.filter(
-        widget => widgets.indexOf(widget) === -1
+        (widget) => widgets.indexOf(widget) === -1
       );
 
       if (localInstantSearchInstance && Boolean(widgets.length)) {
@@ -509,7 +509,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
       // We compute the render state before calling `init` in a separate loop
       // to construct the whole render state object that is then passed to
       // `init`.
-      localWidgets.forEach(widget => {
+      localWidgets.forEach((widget) => {
         if (widget.getRenderState) {
           const renderState = widget.getRenderState(
             instantSearchInstance.renderState[this.getIndexId()] || {},
@@ -537,7 +537,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
         }
       });
 
-      localWidgets.forEach(widget => {
+      localWidgets.forEach((widget) => {
         warning(
           // if it has NO getWidgetState or if it has getWidgetUiState, we don't warn
           // aka we warn if there's _only_ getWidgetState
@@ -569,7 +569,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
       // widgets. When the subscription happens before the `init` step, the (static)
       // configuration of the widget is pushed in the URL. That's what we want to avoid.
       // https://github.com/algolia/instantsearch.js/pull/994/commits/4a672ae3fd78809e213de0368549ef12e9dc9454
-      helper.on('change', event => {
+      helper.on('change', (event) => {
         const { state } = event;
 
         const _uiState = (event as any)._uiState;
@@ -596,7 +596,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
         return;
       }
 
-      localWidgets.forEach(widget => {
+      localWidgets.forEach((widget) => {
         if (widget.getRenderState) {
           const renderState = widget.getRenderState(
             instantSearchInstance.renderState[this.getIndexId()] || {},
@@ -624,7 +624,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
         }
       });
 
-      localWidgets.forEach(widget => {
+      localWidgets.forEach((widget) => {
         // At this point, all the variables used below are set. Both `helper`
         // and `derivedHelper` have been created at the `init` step. The attribute
         // `lastResults` might be `null` though. It's possible that a stalled render
@@ -652,7 +652,7 @@ const index = (widgetParams: IndexWidgetParams): IndexWidget => {
     },
 
     dispose() {
-      localWidgets.forEach(widget => {
+      localWidgets.forEach((widget) => {
         if (widget.dispose) {
           // The dispose function is always called once the instance is started
           // (it's an effect of `removeWidgets`). The index is initialized and
diff --git a/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts b/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts
index 5ff65c8147..cb18335806 100644
--- a/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts
+++ b/src/widgets/infinite-hits/__tests__/infinite-hits-integration-test.ts
@@ -17,7 +17,7 @@ describe('infiniteHits', () => {
     const searchClient = createSearchClient({
       // have to cast here, because this function isn't generic
       search: jest.fn(
-        requests =>
+        (requests) =>
           Promise.resolve({
             results: requests.map(({ params: { page } = {} }) =>
               createSingleSearchResponse({
diff --git a/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts b/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts
index c52f1c95df..2f28fd72cf 100644
--- a/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts
+++ b/src/widgets/infinite-hits/__tests__/infinite-hits-test.ts
@@ -55,7 +55,7 @@ describe('infiniteHits()', () => {
     widget = infiniteHits({
       container,
       escapeHTML: true,
-      transformItems: items => items,
+      transformItems: (items) => items,
       cssClasses: { root: ['root', 'cx'] },
       showPrevious: false,
     });
@@ -95,8 +95,8 @@ describe('infiniteHits()', () => {
     widget = infiniteHits({
       container,
       escapeHTML: true,
-      transformItems: items =>
-        items.map(item => ({ ...item, transformed: true })),
+      transformItems: (items) =>
+        items.map((item) => ({ ...item, transformed: true })),
       showPrevious: false,
     });
 
@@ -278,7 +278,7 @@ describe('infiniteHits()', () => {
       widget = infiniteHits({
         container,
         escapeHTML: true,
-        transformItems: items => items,
+        transformItems: (items) => items,
         cssClasses: { root: ['root', 'cx'] },
         showPrevious: false,
         cache: customCache,
@@ -377,7 +377,7 @@ describe('infiniteHits()', () => {
       widget = infiniteHits({
         container,
         escapeHTML: true,
-        transformItems: items => items,
+        transformItems: (items) => items,
         cssClasses: { root: ['root', 'cx'] },
         showPrevious: false,
         cache: customCache,
diff --git a/src/widgets/infinite-hits/infinite-hits.tsx b/src/widgets/infinite-hits/infinite-hits.tsx
index 0aea6fc71d..3dd46cfa4c 100644
--- a/src/widgets/infinite-hits/infinite-hits.tsx
+++ b/src/widgets/infinite-hits/infinite-hits.tsx
@@ -137,65 +137,67 @@ export type InfiniteHitsWidget = WidgetFactory<
   InfiniteHitsWidgetParams
 >;
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-  showPrevious: hasShowPrevious,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: InfiniteHitsComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<InfiniteHitsComponentTemplates>;
-  };
-  templates: InfiniteHitsTemplates;
-  showPrevious?: boolean;
-}): Renderer<InfiniteHitsRenderState, Partial<InfiniteHitsWidgetParams>> => (
-  {
-    hits,
-    results,
-    showMore,
-    showPrevious,
-    isFirstPage,
-    isLastPage,
-    instantSearchInstance,
-    insights,
-    bindEvent,
-  },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+    showPrevious: hasShowPrevious,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: InfiniteHitsComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<InfiniteHitsComponentTemplates>;
+    };
+    templates: InfiniteHitsTemplates;
+    showPrevious?: boolean;
+  }): Renderer<InfiniteHitsRenderState, Partial<InfiniteHitsWidgetParams>> =>
+  (
+    {
+      hits,
+      results,
+      showMore,
+      showPrevious,
+      isFirstPage,
+      isLastPage,
+      instantSearchInstance,
+      insights,
+      bindEvent,
+    },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
 
-  render(
-    <InfiniteHitsWithInsightsListener
-      cssClasses={cssClasses}
-      hits={hits}
-      results={results}
-      hasShowPrevious={hasShowPrevious}
-      showPrevious={showPrevious}
-      showMore={showMore}
-      templateProps={renderState.templateProps!}
-      isFirstPage={isFirstPage}
-      isLastPage={isLastPage}
-      insights={insights as InsightsClientWrapper}
-      sendEvent={(event: InsightsEvent) => {
-        instantSearchInstance.sendEventToInsights(event);
-      }}
-      bindEvent={bindEvent}
-    />,
-    containerNode
-  );
-};
+    render(
+      <InfiniteHitsWithInsightsListener
+        cssClasses={cssClasses}
+        hits={hits}
+        results={results}
+        hasShowPrevious={hasShowPrevious}
+        showPrevious={showPrevious}
+        showMore={showMore}
+        templateProps={renderState.templateProps!}
+        isFirstPage={isFirstPage}
+        isLastPage={isLastPage}
+        insights={insights as InsightsClientWrapper}
+        sendEvent={(event: InsightsEvent) => {
+          instantSearchInstance.sendEventToInsights(event);
+        }}
+        bindEvent={bindEvent}
+      />,
+      containerNode
+    );
+  };
 
-const infiniteHits: InfiniteHitsWidget = widgetParams => {
+const infiniteHits: InfiniteHitsWidget = (widgetParams) => {
   const {
     container,
     escapeHTML,
diff --git a/src/widgets/menu-select/__tests__/menu-select-test.ts b/src/widgets/menu-select/__tests__/menu-select-test.ts
index 291f698df0..88b3858ac7 100644
--- a/src/widgets/menu-select/__tests__/menu-select-test.ts
+++ b/src/widgets/menu-select/__tests__/menu-select-test.ts
@@ -81,8 +81,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu-select
         const widget = menuSelect({
           container: document.createElement('div'),
           attribute: 'test',
-          transformItems: items =>
-            items.map(item => ({ ...item, transformed: true })),
+          transformItems: (items) =>
+            items.map((item) => ({ ...item, transformed: true })),
         });
 
         widget.init!(
diff --git a/src/widgets/menu-select/defaultTemplates.ts b/src/widgets/menu-select/defaultTemplates.ts
index b6fc805cc1..e6441dc723 100644
--- a/src/widgets/menu-select/defaultTemplates.ts
+++ b/src/widgets/menu-select/defaultTemplates.ts
@@ -1,8 +1,7 @@
 import { MenuSelectComponentTemplates } from '../../components/MenuSelect/MenuSelect';
 
 const defaultTemplates: MenuSelectComponentTemplates = {
-  item:
-    '{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})',
+  item: '{{label}} ({{#helpers.formatNumber}}{{count}}{{/helpers.formatNumber}})',
   defaultOption: 'See all',
 };
 
diff --git a/src/widgets/menu-select/menu-select.tsx b/src/widgets/menu-select/menu-select.tsx
index 1f1978f799..76ea1aaea8 100644
--- a/src/widgets/menu-select/menu-select.tsx
+++ b/src/widgets/menu-select/menu-select.tsx
@@ -74,45 +74,47 @@ export type MenuSelectWidgetParams = {
   cssClasses?: MenuSelectCSSClasses;
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: MenuSelectComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<MenuSelectComponentTemplates>;
-  };
-  templates: MenuSelectTemplates;
-}) => (
-  {
-    refine,
-    items,
-    instantSearchInstance,
-  }: MenuRenderState & RendererOptions<MenuConnectorParams>,
-  isFirstRendering: boolean
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: MenuSelectComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<MenuSelectComponentTemplates>;
+    };
+    templates: MenuSelectTemplates;
+  }) =>
+  (
+    {
+      refine,
+      items,
+      instantSearchInstance,
+    }: MenuRenderState & 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
-  );
-};
+    render(
+      <MenuSelect
+        cssClasses={cssClasses}
+        items={items}
+        refine={refine}
+        templateProps={renderState.templateProps!}
+      />,
+      containerNode
+    );
+  };
 
 export type MenuSelectWidget = WidgetFactory<
   MenuWidgetDescription & { $$widgetType: 'ais.menuSelect' },
diff --git a/src/widgets/menu/__tests__/menu-test.ts b/src/widgets/menu/__tests__/menu-test.ts
index 3246a010d9..ab1a3fce26 100644
--- a/src/widgets/menu/__tests__/menu-test.ts
+++ b/src/widgets/menu/__tests__/menu-test.ts
@@ -87,8 +87,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/menu/js/"
       const widget = menu({
         container: document.createElement('div'),
         attribute: 'test',
-        transformItems: items =>
-          items.map(item => ({ ...item, transformed: true })),
+        transformItems: (items) =>
+          items.map((item) => ({ ...item, transformed: true })),
       });
 
       const helper = jsHelper(createSearchClient(), '');
diff --git a/src/widgets/menu/menu.tsx b/src/widgets/menu/menu.tsx
index efcf9c41af..49fd94a9ad 100644
--- a/src/widgets/menu/menu.tsx
+++ b/src/widgets/menu/menu.tsx
@@ -108,61 +108,63 @@ export type MenuWidgetParams = {
   cssClasses?: MenuCSSClasses;
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-  showMore,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: MenuComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<MenuComponentTemplates>;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+    showMore,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: MenuComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<MenuComponentTemplates>;
+    };
+    templates: MenuTemplates;
+    showMore?: boolean;
+  }) =>
+  (
+    {
+      refine,
+      items,
+      createURL,
+      instantSearchInstance,
+      isShowingMore,
+      toggleShowMore,
+      canToggleShowMore,
+    }: MenuRenderState & 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
+    );
   };
-  templates: MenuTemplates;
-  showMore?: boolean;
-}) => (
-  {
-    refine,
-    items,
-    createURL,
-    instantSearchInstance,
-    isShowingMore,
-    toggleShowMore,
-    canToggleShowMore,
-  }: MenuRenderState & 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<
   MenuWidgetDescription & { $$widgetType: 'ais.menu' },
diff --git a/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts b/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts
index aec8ea9c91..4eb70ec62d 100644
--- a/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts
+++ b/src/widgets/numeric-menu/__tests__/numeric-menu-test.ts
@@ -108,8 +108,8 @@ describe('numericMenu()', () => {
       container,
       attribute: 'price',
       items,
-      transformItems: allItems =>
-        allItems.map(item => ({ ...item, transformed: true })),
+      transformItems: (allItems) =>
+        allItems.map((item) => ({ ...item, transformed: true })),
     });
 
     widget.init!(createInitOptions({ helper }));
diff --git a/src/widgets/numeric-menu/numeric-menu.tsx b/src/widgets/numeric-menu/numeric-menu.tsx
index 156aca0527..4464142480 100644
--- a/src/widgets/numeric-menu/numeric-menu.tsx
+++ b/src/widgets/numeric-menu/numeric-menu.tsx
@@ -26,45 +26,47 @@ import { PreparedTemplateProps } from '../../lib/utils/prepareTemplateProps';
 const withUsage = createDocumentationMessageGenerator({ name: 'numeric-menu' });
 const suit = component('NumericMenu');
 
-const renderer = ({
-  containerNode,
-  attribute,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  attribute: string;
-  cssClasses: NumericMenuComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<NumericMenuTemplates>;
+const renderer =
+  ({
+    containerNode,
+    attribute,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    attribute: string;
+    cssClasses: NumericMenuComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<NumericMenuTemplates>;
+    };
+    templates: NumericMenuTemplates;
+  }): Renderer<NumericMenuRenderState, Partial<NumericMenuWidgetParams>> =>
+  (
+    { createURL, instantSearchInstance, refine, items },
+    isFirstRendering: boolean
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
+
+    render(
+      <RefinementList
+        createURL={createURL}
+        cssClasses={cssClasses}
+        facetValues={items}
+        templateProps={renderState.templateProps!}
+        toggleRefinement={refine}
+        attribute={attribute}
+      />,
+      containerNode
+    );
   };
-  templates: NumericMenuTemplates;
-}): Renderer<NumericMenuRenderState, Partial<NumericMenuWidgetParams>> => (
-  { createURL, instantSearchInstance, refine, items },
-  isFirstRendering: boolean
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
-
-  render(
-    <RefinementList
-      createURL={createURL}
-      cssClasses={cssClasses}
-      facetValues={items}
-      templateProps={renderState.templateProps!}
-      toggleRefinement={refine}
-      attribute={attribute}
-    />,
-    containerNode
-  );
-};
 
 export type NumericMenuCSSClasses = Partial<{
   /**
@@ -108,9 +110,8 @@ export type NumericMenuCSSClasses = Partial<{
   radio: string | string[];
 }>;
 
-export type NumericMenuComponentCSSClasses = ComponentCSSClasses<
-  NumericMenuCSSClasses
->;
+export type NumericMenuComponentCSSClasses =
+  ComponentCSSClasses<NumericMenuCSSClasses>;
 
 export type NumericMenuTemplates = Partial<{
   /**
diff --git a/src/widgets/pagination/__tests__/pagination-test.ts b/src/widgets/pagination/__tests__/pagination-test.ts
index b72eb0b2ed..aaa770b1ee 100644
--- a/src/widgets/pagination/__tests__/pagination-test.ts
+++ b/src/widgets/pagination/__tests__/pagination-test.ts
@@ -77,11 +77,11 @@ describe('pagination()', () => {
     };
     widget = pagination({ container, scrollTo: false, cssClasses });
 
-    helper = ({
+    helper = {
       setPage: jest.fn(),
       search: jest.fn(),
       state: new SearchParameters(),
-    } as unknown) as AlgoliaSearchHelper;
+    } as unknown as AlgoliaSearchHelper;
     results = new SearchResults(helper.state, [
       createSingleSearchResponse({
         hits: [{ first: 'hit', second: 'hit', objectID: '1' }],
@@ -150,7 +150,7 @@ describe('pagination()', () => {
       });
 
       // @ts-expect-error
-      getContainerNode.mockImplementation(input =>
+      getContainerNode.mockImplementation((input) =>
         input === 'body' ? { scrollIntoView } : input
       );
 
diff --git a/src/widgets/pagination/pagination.tsx b/src/widgets/pagination/pagination.tsx
index 24eaf5c606..77af754131 100644
--- a/src/widgets/pagination/pagination.tsx
+++ b/src/widgets/pagination/pagination.tsx
@@ -28,66 +28,68 @@ const defaultTemplates: PaginationComponentTemplates = {
   last: '»',
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  templates,
-  showFirst,
-  showLast,
-  showPrevious,
-  showNext,
-  scrollToNode,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: PaginationComponentCSSClasses;
-  templates: PaginationComponentTemplates;
-  showFirst: boolean;
-  showLast: boolean;
-  showPrevious: boolean;
-  showNext: boolean;
-  scrollToNode: HTMLElement | false;
-}): Renderer<PaginationRenderState, Partial<PaginationWidgetParams>> => (
-  {
-    createURL,
-    currentRefinement,
-    nbPages,
-    pages,
-    isFirstPage,
-    isLastPage,
-    refine,
-  },
-  isFirstRendering
-) => {
-  if (isFirstRendering) return;
-
-  const setCurrentPage = (pageNumber: number) => {
-    refine(pageNumber);
-
-    if (scrollToNode !== false) {
-      scrollToNode.scrollIntoView();
-    }
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    templates,
+    showFirst,
+    showLast,
+    showPrevious,
+    showNext,
+    scrollToNode,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: PaginationComponentCSSClasses;
+    templates: PaginationComponentTemplates;
+    showFirst: boolean;
+    showLast: boolean;
+    showPrevious: boolean;
+    showNext: boolean;
+    scrollToNode: HTMLElement | false;
+  }): Renderer<PaginationRenderState, Partial<PaginationWidgetParams>> =>
+  (
+    {
+      createURL,
+      currentRefinement,
+      nbPages,
+      pages,
+      isFirstPage,
+      isLastPage,
+      refine,
+    },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) return;
+
+    const setCurrentPage = (pageNumber: number) => {
+      refine(pageNumber);
+
+      if (scrollToNode !== false) {
+        scrollToNode.scrollIntoView();
+      }
+    };
+
+    render(
+      <Pagination
+        createURL={createURL}
+        cssClasses={cssClasses}
+        currentPage={currentRefinement}
+        templates={templates}
+        nbPages={nbPages}
+        pages={pages}
+        isFirstPage={isFirstPage}
+        isLastPage={isLastPage}
+        setCurrentPage={setCurrentPage}
+        showFirst={showFirst}
+        showLast={showLast}
+        showPrevious={showPrevious}
+        showNext={showNext}
+      />,
+      containerNode
+    );
   };
 
-  render(
-    <Pagination
-      createURL={createURL}
-      cssClasses={cssClasses}
-      currentPage={currentRefinement}
-      templates={templates}
-      nbPages={nbPages}
-      pages={pages}
-      isFirstPage={isFirstPage}
-      isLastPage={isLastPage}
-      setCurrentPage={setCurrentPage}
-      showFirst={showFirst}
-      showLast={showLast}
-      showPrevious={showPrevious}
-      showNext={showNext}
-    />,
-    containerNode
-  );
-};
-
 export type PaginationCSSClasses = Partial<{
   /**
    * CSS classes added to the root element of the widget.
diff --git a/src/widgets/panel/panel.tsx b/src/widgets/panel/panel.tsx
index 4ac109757e..f9ec43f42f 100644
--- a/src/widgets/panel/panel.tsx
+++ b/src/widgets/panel/panel.tsx
@@ -87,17 +87,17 @@ export type PanelTemplates<TWidget extends AnyWidgetFactory> = Partial<{
   collapseButtonText: Template<{ collapsed: boolean }>;
 }>;
 
-type GetWidgetRenderState<TWidgetFactory extends AnyWidgetFactory> = ReturnType<
-  TWidgetFactory
->['getWidgetRenderState'] extends (renderOptions: any) => infer TRenderState
-  ? TRenderState extends Record<string, unknown>
-    ? TRenderState
-    : never
-  : Record<string, unknown>;
-
-export type PanelRenderOptions<
-  TWidgetFactory extends AnyWidgetFactory
-> = RenderOptions & GetWidgetRenderState<TWidgetFactory>;
+type GetWidgetRenderState<TWidgetFactory extends AnyWidgetFactory> =
+  ReturnType<TWidgetFactory>['getWidgetRenderState'] extends (
+    renderOptions: any
+  ) => infer TRenderState
+    ? TRenderState extends Record<string, unknown>
+      ? TRenderState
+      : never
+    : Record<string, unknown>;
+
+export type PanelRenderOptions<TWidgetFactory extends AnyWidgetFactory> =
+  RenderOptions & GetWidgetRenderState<TWidgetFactory>;
 
 export type PanelWidgetParams<TWidgetFactory extends AnyWidgetFactory> = {
   /**
@@ -126,40 +126,42 @@ export type PanelWidgetParams<TWidgetFactory extends AnyWidgetFactory> = {
 const withUsage = createDocumentationMessageGenerator({ name: 'panel' });
 const suit = component('Panel');
 
-const renderer = <TWidget extends AnyWidgetFactory>({
-  containerNode,
-  bodyContainerNode,
-  cssClasses,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  bodyContainerNode: HTMLElement;
-  cssClasses: PanelComponentCSSClasses;
-  templates: Required<PanelTemplates<TWidget>>;
-}) => ({
-  options,
-  hidden,
-  collapsible,
-  collapsed,
-}: {
-  options: RenderOptions | Record<string, never>;
-  hidden: boolean;
-  collapsible: boolean;
-  collapsed: boolean;
-}) => {
-  render(
-    <Panel<TWidget>
-      cssClasses={cssClasses}
-      hidden={hidden}
-      collapsible={collapsible}
-      isCollapsed={collapsed}
-      templates={templates}
-      data={options}
-      bodyElement={bodyContainerNode}
-    />,
-    containerNode
-  );
-};
+const renderer =
+  <TWidget extends AnyWidgetFactory>({
+    containerNode,
+    bodyContainerNode,
+    cssClasses,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    bodyContainerNode: HTMLElement;
+    cssClasses: PanelComponentCSSClasses;
+    templates: Required<PanelTemplates<TWidget>>;
+  }) =>
+  ({
+    options,
+    hidden,
+    collapsible,
+    collapsed,
+  }: {
+    options: RenderOptions | Record<string, never>;
+    hidden: boolean;
+    collapsible: boolean;
+    collapsed: boolean;
+  }) => {
+    render(
+      <Panel<TWidget>
+        cssClasses={cssClasses}
+        hidden={hidden}
+        collapsible={collapsible}
+        isCollapsed={collapsed}
+        templates={templates}
+        data={options}
+        bodyElement={bodyContainerNode}
+      />,
+      containerNode
+    );
+  };
 
 export type PanelWidget = <TWidgetFactory extends AnyWidgetFactory>(
   panelWidgetParams?: PanelWidgetParams<TWidgetFactory>
@@ -173,7 +175,7 @@ export type PanelWidget = <TWidgetFactory extends AnyWidgetFactory>(
  * The panel widget wraps other widgets in a consistent panel design.
  * It also reacts, indicates and sets CSS classes when widgets are no longer relevant for refining.
  */
-const panel: PanelWidget = panelWidgetParams => {
+const panel: PanelWidget = (panelWidgetParams) => {
   const {
     templates = {},
     hidden = () => false,
@@ -225,7 +227,7 @@ const panel: PanelWidget = panelWidgetParams => {
     footer: cx(suit({ descendantName: 'footer' }), userCssClasses.footer),
   };
 
-  return widgetFactory => widgetParams => {
+  return (widgetFactory) => (widgetParams) => {
     if (!(widgetParams && widgetParams.container)) {
       throw new Error(
         withUsage(
diff --git a/src/widgets/places/__tests__/places-test.ts b/src/widgets/places/__tests__/places-test.ts
index f15981959a..2919948058 100644
--- a/src/widgets/places/__tests__/places-test.ts
+++ b/src/widgets/places/__tests__/places-test.ts
@@ -89,10 +89,8 @@ describe('places', () => {
 
         widget.init!(createInitOptions({ helper }));
 
-        const [
-          changeEventName,
-          changeEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[0];
+        const [changeEventName, changeEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[0];
 
         expect(changeEventName).toEqual('change');
 
@@ -128,10 +126,8 @@ describe('places', () => {
 
         widget.init!(createInitOptions({ helper }));
 
-        const [
-          clearEventName,
-          clearEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[1];
+        const [clearEventName, clearEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[1];
 
         expect(clearEventName).toEqual('clear');
 
@@ -163,10 +159,8 @@ describe('places', () => {
 
         expect(helper.state.aroundLatLngViaIP).toBe(true);
 
-        const [
-          changeEventName,
-          changeEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[0];
+        const [changeEventName, changeEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[0];
 
         expect(changeEventName).toEqual('change');
 
@@ -182,10 +176,8 @@ describe('places', () => {
         expect(helper.search).toHaveBeenCalledTimes(1);
         expect(helper.state.aroundLatLngViaIP).toBe(false);
 
-        const [
-          clearEventName,
-          clearEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[1];
+        const [clearEventName, clearEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[1];
 
         expect(clearEventName).toEqual('clear');
 
@@ -334,10 +326,8 @@ describe('places', () => {
 
         expect(helper.state.aroundLatLngViaIP).toBeUndefined();
 
-        const [
-          ,
-          clearEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[1];
+        const [, clearEventListener] = (algoliaPlaces as any).__instance.on.mock
+          .calls[1];
 
         clearEventListener();
 
@@ -416,10 +406,8 @@ describe('places', () => {
 
         widget.init!(createInitOptions({ helper }));
 
-        const [
-          changeEventName,
-          changeEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[0];
+        const [changeEventName, changeEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[0];
 
         expect(changeEventName).toEqual('change');
 
@@ -456,10 +444,8 @@ describe('places', () => {
 
         widget.init!(createInitOptions({ helper }));
 
-        const [
-          clearEventName,
-          clearEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[1];
+        const [clearEventName, clearEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[1];
 
         expect(clearEventName).toEqual('clear');
 
@@ -484,10 +470,8 @@ describe('places', () => {
 
         widget.init!(createInitOptions({ helper }));
 
-        const [
-          clearEventName,
-          clearEventListener,
-        ] = (algoliaPlaces as any).__instance.on.mock.calls[1];
+        const [clearEventName, clearEventListener] = (algoliaPlaces as any)
+          .__instance.on.mock.calls[1];
 
         expect(clearEventName).toEqual('clear');
 
diff --git a/src/widgets/places/places.ts b/src/widgets/places/places.ts
index 52eb3622d8..b6a358bde2 100644
--- a/src/widgets/places/places.ts
+++ b/src/widgets/places/places.ts
@@ -54,9 +54,12 @@ export type PlacesWidget = WidgetFactory<
  * This widget sets the geolocation value for the search based on the selected
  * result in the Algolia Places autocomplete.
  */
-const placesWidget: PlacesWidget = widgetParams => {
-  const { placesReference, defaultPosition = [], ...placesOptions } =
-    widgetParams || {};
+const placesWidget: PlacesWidget = (widgetParams) => {
+  const {
+    placesReference,
+    defaultPosition = [],
+    ...placesOptions
+  } = widgetParams || {};
 
   if (typeof placesReference !== 'function') {
     throw new Error(
diff --git a/src/widgets/powered-by/__tests__/powered-by-test.ts b/src/widgets/powered-by/__tests__/powered-by-test.ts
index 49ea5dfc3a..11b13d0512 100644
--- a/src/widgets/powered-by/__tests__/powered-by-test.ts
+++ b/src/widgets/powered-by/__tests__/powered-by-test.ts
@@ -66,8 +66,7 @@ describe('poweredBy', () => {
         root: 'ais-PoweredBy ais-PoweredBy--light root',
       },
       theme: 'light',
-      url:
-        'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
+      url: 'https://www.algolia.com/?utm_source=instantsearch.js&utm_medium=website&utm_content=localhost&utm_campaign=poweredby',
     });
     expect(firstContainer).toEqual(container);
   });
diff --git a/src/widgets/powered-by/powered-by.tsx b/src/widgets/powered-by/powered-by.tsx
index 06394baa58..50444657ec 100644
--- a/src/widgets/powered-by/powered-by.tsx
+++ b/src/widgets/powered-by/powered-by.tsx
@@ -20,27 +20,26 @@ import { Renderer, WidgetFactory } from '../../types';
 const suit = component('PoweredBy');
 const withUsage = createDocumentationMessageGenerator({ name: 'powered-by' });
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: PoweredByComponentCSSClasses;
-}): Renderer<PoweredByRenderState, Partial<PoweredByWidgetParams>> => (
-  { url, widgetParams },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    const { theme = 'light' } = widgetParams;
-
-    render(
-      <PoweredBy cssClasses={cssClasses} url={url} theme={theme} />,
-      containerNode
-    );
-
-    return;
-  }
-};
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: PoweredByComponentCSSClasses;
+  }): Renderer<PoweredByRenderState, Partial<PoweredByWidgetParams>> =>
+  ({ url, widgetParams }, isFirstRendering) => {
+    if (isFirstRendering) {
+      const { theme = 'light' } = widgetParams;
+
+      render(
+        <PoweredBy cssClasses={cssClasses} url={url} theme={theme} />,
+        containerNode
+      );
+
+      return;
+    }
+  };
 
 export type PoweredByCSSClasses = Partial<{
   /**
@@ -84,8 +83,11 @@ export type PoweredByWidget = WidgetFactory<
 >;
 
 const poweredBy: PoweredByWidget = function poweredBy(widgetParams) {
-  const { container, cssClasses: userCssClasses = {}, theme = 'light' } =
-    widgetParams || {};
+  const {
+    container,
+    cssClasses: userCssClasses = {},
+    theme = 'light',
+  } = widgetParams || {};
 
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
diff --git a/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts b/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts
index 65da61aa3c..0e597e4815 100644
--- a/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts
+++ b/src/widgets/query-rule-custom-data/__tests__/query-rule-custom-data-test.ts
@@ -85,9 +85,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rule-
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          QueryRuleCustomDataProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<QueryRuleCustomDataProps>;
         const { cssClasses } = firstRender.props as QueryRuleCustomDataProps;
 
         expect(cssClasses).toEqual({
@@ -111,9 +110,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rule-
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          QueryRuleCustomDataProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<QueryRuleCustomDataProps>;
         const { cssClasses } = firstRender.props as QueryRuleCustomDataProps;
 
         expect(cssClasses).toEqual({
@@ -136,9 +134,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rule-
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          QueryRuleCustomDataProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<QueryRuleCustomDataProps>;
         const { templates } = firstRender.props as QueryRuleCustomDataProps;
 
         expect(templates).toEqual({
@@ -176,9 +173,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/query-rule-
           })
         );
 
-        const firstRender = render.mock.calls[0][0] as VNode<
-          QueryRuleCustomDataProps
-        >;
+        const firstRender = render.mock
+          .calls[0][0] as VNode<QueryRuleCustomDataProps>;
         const { templates } = firstRender.props as QueryRuleCustomDataProps;
 
         expect(templates).toEqual({
diff --git a/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx b/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx
index 09d76ca007..783f12ecce 100644
--- a/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx
+++ b/src/widgets/query-rule-custom-data/query-rule-custom-data.tsx
@@ -49,36 +49,36 @@ const withUsage = createDocumentationMessageGenerator({
 
 const suit = component('QueryRuleCustomData');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: QueryRuleCustomDataComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<
-      QueryRuleCustomDataComponentTemplates
-    >;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: QueryRuleCustomDataComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<QueryRuleCustomDataComponentTemplates>;
+    };
+    templates: QueryRuleCustomDataComponentTemplates;
+  }) =>
+  ({ items }: QueryRulesRenderState) => {
+    render(
+      <CustomData
+        cssClasses={cssClasses as QueryRuleCustomDataComponentCSSClasses}
+        templates={templates}
+        items={items}
+      />,
+      containerNode
+    );
   };
-  templates: QueryRuleCustomDataComponentTemplates;
-}) => ({ items }: QueryRulesRenderState) => {
-  render(
-    <CustomData
-      cssClasses={cssClasses as QueryRuleCustomDataComponentCSSClasses}
-      templates={templates}
-      items={items}
-    />,
-    containerNode
-  );
-};
 
-const queryRuleCustomData: QueryRuleCustomDataWidget = widgetParams => {
+const queryRuleCustomData: QueryRuleCustomDataWidget = (widgetParams) => {
   const {
     container,
     cssClasses: userCssClasses = {},
     templates: userTemplates = {},
-    transformItems = (items =>
+    transformItems = ((items) =>
       items) as QueryRulesConnectorParams['transformItems'],
   } = widgetParams || {};
 
diff --git a/src/widgets/range-input/range-input.tsx b/src/widgets/range-input/range-input.tsx
index 46b8f42fe9..2c4281bbc1 100644
--- a/src/widgets/range-input/range-input.tsx
+++ b/src/widgets/range-input/range-input.tsx
@@ -112,55 +112,59 @@ export type RangeInputWidgetParams = {
   cssClasses?: RangeInputCSSClasses;
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: RangeInputComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<RangeInputComponentTemplates>;
-  };
-  templates: RangeInputTemplates;
-}): Renderer<RangeRenderState, Partial<RangeInputWidgetParams>> => (
-  { refine, range, start, widgetParams, instantSearchInstance },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    return;
-  }
-
-  const { min: rangeMin, max: rangeMax } = range;
-  const [minValue, maxValue] = start;
-
-  const step = 1 / Math.pow(10, widgetParams.precision || 0);
-
-  const values = {
-    min: minValue !== -Infinity && minValue !== rangeMin ? minValue : undefined,
-    max: maxValue !== Infinity && maxValue !== rangeMax ? maxValue : undefined,
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: RangeInputComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<RangeInputComponentTemplates>;
+    };
+    templates: RangeInputTemplates;
+  }): Renderer<RangeRenderState, Partial<RangeInputWidgetParams>> =>
+  (
+    { refine, range, start, widgetParams, instantSearchInstance },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      return;
+    }
+
+    const { min: rangeMin, max: rangeMax } = range;
+    const [minValue, maxValue] = start;
+
+    const step = 1 / Math.pow(10, widgetParams.precision || 0);
+
+    const values = {
+      min:
+        minValue !== -Infinity && minValue !== rangeMin ? minValue : undefined,
+      max:
+        maxValue !== Infinity && maxValue !== rangeMax ? maxValue : undefined,
+    };
+
+    render(
+      <RangeInput
+        min={rangeMin}
+        max={rangeMax}
+        step={step}
+        values={values}
+        cssClasses={cssClasses}
+        refine={refine}
+        templateProps={renderState.templateProps!}
+      />,
+      containerNode
+    );
   };
 
-  render(
-    <RangeInput
-      min={rangeMin}
-      max={rangeMax}
-      step={step}
-      values={values}
-      cssClasses={cssClasses}
-      refine={refine}
-      templateProps={renderState.templateProps!}
-    />,
-    containerNode
-  );
-};
-
 export type RangeInputWidget = WidgetFactory<
   Omit<RangeWidgetDescription, '$$type'> & {
     $$widgetType: 'ais.rangeInput';
diff --git a/src/widgets/range-slider/range-slider.tsx b/src/widgets/range-slider/range-slider.tsx
index 6e7c9f4fa1..b70dd94a68 100644
--- a/src/widgets/range-slider/range-slider.tsx
+++ b/src/widgets/range-slider/range-slider.tsx
@@ -21,55 +21,54 @@ import { Renderer, WidgetFactory } from '../../types';
 const withUsage = createDocumentationMessageGenerator({ name: 'range-slider' });
 const suit = component('RangeSlider');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  pips,
-  step,
-  tooltips,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: RangeSliderComponentCSSClasses;
-  pips: boolean;
-  step?: number;
-  tooltips: RangeSliderWidgetParams['tooltips'];
-}): Renderer<RangeRenderState, Partial<RangeSliderWidgetParams>> => (
-  { refine, range, start },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    // There's no information at this point, let's render nothing.
-    return;
-  }
-
-  const { min: minRange, max: maxRange } = range;
-
-  const [minStart, maxStart] = start;
-  const minFinite = minStart === -Infinity ? minRange : minStart;
-  const maxFinite = maxStart === Infinity ? maxRange : maxStart;
-
-  // Clamp values to the range for avoid extra rendering & refinement
-  // Should probably be done on the connector side, but we need to stay
-  // backward compatible so we still need to pass [-Infinity, Infinity]
-  const values: RangeBoundaries = [
-    minFinite! > maxRange! ? maxRange : minFinite,
-    maxFinite! < minRange! ? minRange : maxFinite,
-  ];
-
-  render(
-    <Slider
-      cssClasses={cssClasses}
-      refine={refine}
-      min={minRange}
-      max={maxRange}
-      values={values}
-      tooltips={tooltips}
-      step={step}
-      pips={pips}
-    />,
-    containerNode
-  );
-};
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    pips,
+    step,
+    tooltips,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: RangeSliderComponentCSSClasses;
+    pips: boolean;
+    step?: number;
+    tooltips: RangeSliderWidgetParams['tooltips'];
+  }): Renderer<RangeRenderState, Partial<RangeSliderWidgetParams>> =>
+  ({ refine, range, start }, isFirstRendering) => {
+    if (isFirstRendering) {
+      // There's no information at this point, let's render nothing.
+      return;
+    }
+
+    const { min: minRange, max: maxRange } = range;
+
+    const [minStart, maxStart] = start;
+    const minFinite = minStart === -Infinity ? minRange : minStart;
+    const maxFinite = maxStart === Infinity ? maxRange : maxStart;
+
+    // Clamp values to the range for avoid extra rendering & refinement
+    // Should probably be done on the connector side, but we need to stay
+    // backward compatible so we still need to pass [-Infinity, Infinity]
+    const values: RangeBoundaries = [
+      minFinite! > maxRange! ? maxRange : minFinite,
+      maxFinite! < minRange! ? minRange : maxFinite,
+    ];
+
+    render(
+      <Slider
+        cssClasses={cssClasses}
+        refine={refine}
+        min={minRange}
+        max={maxRange}
+        values={values}
+        tooltips={tooltips}
+        step={step}
+        pips={pips}
+      />,
+      containerNode
+    );
+  };
 
 export type RangeSliderCssClasses = Partial<{
   /**
diff --git a/src/widgets/rating-menu/rating-menu.tsx b/src/widgets/rating-menu/rating-menu.tsx
index 4e19bbda80..4c3bd2a0a4 100644
--- a/src/widgets/rating-menu/rating-menu.tsx
+++ b/src/widgets/rating-menu/rating-menu.tsx
@@ -89,9 +89,8 @@ export type RatingMenuCSSClasses = Partial<{
   count: string | string[];
 }>;
 
-export type RatingMenuComponentCSSClasses = ComponentCSSClasses<
-  RatingMenuCSSClasses
->;
+export type RatingMenuComponentCSSClasses =
+  ComponentCSSClasses<RatingMenuCSSClasses>;
 
 export type RatingMenuComponentTemplates = Required<RatingMenuTemplates>;
 
@@ -118,60 +117,65 @@ export type RatingMenuWidgetParams = {
   cssClasses?: RatingMenuCSSClasses;
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  templates,
-  renderState,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: RatingMenuComponentCSSClasses;
-  templates: RatingMenuTemplates;
-  renderState: {
-    templateProps?: PreparedTemplateProps<RatingMenuComponentTemplates>;
-  };
-}) => (
-  {
-    refine,
-    items,
-    createURL,
-    instantSearchInstance,
-  }: RatingMenuRenderState & RendererOptions<RatingMenuConnectorParams>,
-  isFirstRendering: boolean
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    templates,
+    renderState,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: RatingMenuComponentCSSClasses;
+    templates: RatingMenuTemplates;
+    renderState: {
+      templateProps?: PreparedTemplateProps<RatingMenuComponentTemplates>;
+    };
+  }) =>
+  (
+    {
+      refine,
+      items,
+      createURL,
+      instantSearchInstance,
+    }: RatingMenuRenderState & RendererOptions<RatingMenuConnectorParams>,
+    isFirstRendering: boolean
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
 
-    return;
-  }
+      return;
+    }
 
-  render(
-    <RefinementList
-      createURL={createURL}
-      cssClasses={cssClasses}
-      facetValues={items}
-      templateProps={renderState.templateProps!}
-      toggleRefinement={refine}
-    >
-      <svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
-        <symbol id={suit({ descendantName: 'starSymbol' })} viewBox="0 0 24 24">
-          <path d="M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z" />
-        </symbol>
-        <symbol
-          id={suit({ descendantName: 'starEmptySymbol' })}
-          viewBox="0 0 24 24"
-        >
-          <path d="M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z" />
-        </symbol>
-      </svg>
-    </RefinementList>,
-    containerNode
-  );
-};
+    render(
+      <RefinementList
+        createURL={createURL}
+        cssClasses={cssClasses}
+        facetValues={items}
+        templateProps={renderState.templateProps!}
+        toggleRefinement={refine}
+      >
+        <svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
+          <symbol
+            id={suit({ descendantName: 'starSymbol' })}
+            viewBox="0 0 24 24"
+          >
+            <path d="M12 .288l2.833 8.718h9.167l-7.417 5.389 2.833 8.718-7.416-5.388-7.417 5.388 2.833-8.718-7.416-5.389h9.167z" />
+          </symbol>
+          <symbol
+            id={suit({ descendantName: 'starEmptySymbol' })}
+            viewBox="0 0 24 24"
+          >
+            <path d="M12 6.76l1.379 4.246h4.465l-3.612 2.625 1.379 4.246-3.611-2.625-3.612 2.625 1.379-4.246-3.612-2.625h4.465l1.38-4.246zm0-6.472l-2.833 8.718h-9.167l7.416 5.389-2.833 8.718 7.417-5.388 7.416 5.388-2.833-8.718 7.417-5.389h-9.167l-2.833-8.718z" />
+          </symbol>
+        </svg>
+      </RefinementList>,
+      containerNode
+    );
+  };
 
 /**
  * Rating menu is used for displaying grade like filters. The values are normalized within boundaries.
diff --git a/src/widgets/refinement-list/__tests__/refinement-list-test.ts b/src/widgets/refinement-list/__tests__/refinement-list-test.ts
index ef76c550a6..6c141651c1 100644
--- a/src/widgets/refinement-list/__tests__/refinement-list-test.ts
+++ b/src/widgets/refinement-list/__tests__/refinement-list-test.ts
@@ -63,11 +63,11 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
 
     beforeEach(() => {
       options = { container, attribute: 'attribute' };
-      results = ({
+      results = {
         getFacetValues: jest
           .fn()
           .mockReturnValue([{ name: 'foo' }, { name: 'bar' }]),
-      } as unknown) as SearchResults;
+      } as unknown as SearchResults;
       state = SearchParameters.make({});
       createURL = () => '#';
     });
@@ -179,8 +179,8 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/refinement-
     it('renders transformed items correctly', () => {
       widget = refinementList({
         ...options,
-        transformItems: items =>
-          items.map(item => ({ ...item, transformed: true })),
+        transformItems: (items) =>
+          items.map((item) => ({ ...item, transformed: true })),
       });
 
       widget.init!(
diff --git a/src/widgets/refinement-list/refinement-list.tsx b/src/widgets/refinement-list/refinement-list.tsx
index 6ebeea1373..e54166ffaf 100644
--- a/src/widgets/refinement-list/refinement-list.tsx
+++ b/src/widgets/refinement-list/refinement-list.tsx
@@ -162,9 +162,8 @@ type RefinementListSearchableTemplates = Partial<{
 
 export type RefinementListTemplates = RefinementListOwnTemplates &
   RefinementListSearchableTemplates;
-export type RefinementListComponentTemplates = Required<
-  RefinementListOwnTemplates
->;
+export type RefinementListComponentTemplates =
+  Required<RefinementListOwnTemplates>;
 
 export type RefinementListWidgetParams = {
   /**
@@ -202,79 +201,81 @@ export type RefinementListWidgetParams = {
   cssClasses?: RefinementListCSSClasses;
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  templates,
-  searchBoxTemplates,
-  renderState,
-  showMore,
-  searchable,
-  searchablePlaceholder,
-  searchableIsAlwaysActive,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: RefinementListComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<RefinementListComponentTemplates>;
-    searchBoxTemplateProps?: PreparedTemplateProps<SearchBoxComponentTemplates>;
-  };
-  templates: RefinementListOwnTemplates;
-  searchBoxTemplates: SearchBoxTemplates;
-  showMore?: boolean;
-  searchable?: boolean;
-  searchablePlaceholder?: string;
-  searchableIsAlwaysActive?: boolean;
-}): Renderer<RefinementListRenderState, RefinementListConnectorParams> => (
-  {
-    refine,
-    items,
-    createURL,
-    searchForItems,
-    isFromSearch,
-    instantSearchInstance,
-    toggleShowMore,
-    isShowingMore,
-    hasExhaustiveItems,
-    canToggleShowMore,
-  },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-    renderState.searchBoxTemplateProps = prepareTemplateProps({
-      defaultTemplates: searchBoxDefaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates: searchBoxTemplates,
-    });
-    return;
-  }
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    templates,
+    searchBoxTemplates,
+    renderState,
+    showMore,
+    searchable,
+    searchablePlaceholder,
+    searchableIsAlwaysActive,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: RefinementListComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<RefinementListComponentTemplates>;
+      searchBoxTemplateProps?: PreparedTemplateProps<SearchBoxComponentTemplates>;
+    };
+    templates: RefinementListOwnTemplates;
+    searchBoxTemplates: SearchBoxTemplates;
+    showMore?: boolean;
+    searchable?: boolean;
+    searchablePlaceholder?: string;
+    searchableIsAlwaysActive?: boolean;
+  }): Renderer<RefinementListRenderState, RefinementListConnectorParams> =>
+  (
+    {
+      refine,
+      items,
+      createURL,
+      searchForItems,
+      isFromSearch,
+      instantSearchInstance,
+      toggleShowMore,
+      isShowingMore,
+      hasExhaustiveItems,
+      canToggleShowMore,
+    },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+      renderState.searchBoxTemplateProps = prepareTemplateProps({
+        defaultTemplates: searchBoxDefaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: searchBoxTemplates,
+      });
+      return;
+    }
 
-  render(
-    <RefinementList
-      createURL={createURL}
-      cssClasses={cssClasses}
-      facetValues={items}
-      templateProps={renderState.templateProps!}
-      searchBoxTemplateProps={renderState.searchBoxTemplateProps}
-      toggleRefinement={refine}
-      searchFacetValues={searchable ? searchForItems : undefined}
-      searchPlaceholder={searchablePlaceholder}
-      searchIsAlwaysActive={searchableIsAlwaysActive}
-      isFromSearch={isFromSearch}
-      showMore={showMore && !isFromSearch && items.length > 0}
-      toggleShowMore={toggleShowMore}
-      isShowingMore={isShowingMore}
-      hasExhaustiveItems={hasExhaustiveItems}
-      canToggleShowMore={canToggleShowMore}
-    />,
-    containerNode
-  );
-};
+    render(
+      <RefinementList
+        createURL={createURL}
+        cssClasses={cssClasses}
+        facetValues={items}
+        templateProps={renderState.templateProps!}
+        searchBoxTemplateProps={renderState.searchBoxTemplateProps}
+        toggleRefinement={refine}
+        searchFacetValues={searchable ? searchForItems : undefined}
+        searchPlaceholder={searchablePlaceholder}
+        searchIsAlwaysActive={searchableIsAlwaysActive}
+        isFromSearch={isFromSearch}
+        showMore={showMore && !isFromSearch && items.length > 0}
+        toggleShowMore={toggleShowMore}
+        isShowingMore={isShowingMore}
+        hasExhaustiveItems={hasExhaustiveItems}
+        canToggleShowMore={canToggleShowMore}
+      />,
+      containerNode
+    );
+  };
 
 export type RefinementListWidget = WidgetFactory<
   RefinementListWidgetDescription & { $$widgetType: 'ais.refinementList' },
diff --git a/src/widgets/relevant-sort/relevant-sort.tsx b/src/widgets/relevant-sort/relevant-sort.tsx
index a0de6800a7..71d66a0d33 100644
--- a/src/widgets/relevant-sort/relevant-sort.tsx
+++ b/src/widgets/relevant-sort/relevant-sort.tsx
@@ -49,35 +49,33 @@ const withUsage = createDocumentationMessageGenerator({
 
 const suit = component('RelevantSort');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: RelevantSortComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<RelevantSortComponentTemplates>;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: RelevantSortComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<RelevantSortComponentTemplates>;
+    };
+    templates: RelevantSortComponentTemplates;
+  }) =>
+  ({ isRelevantSorted, isVirtualReplica, refine }: RelevantSortRenderState) => {
+    render(
+      <RelevantSort
+        cssClasses={cssClasses}
+        templates={templates}
+        isRelevantSorted={isRelevantSorted}
+        isVirtualReplica={isVirtualReplica}
+        refine={refine}
+      />,
+      containerNode
+    );
   };
-  templates: RelevantSortComponentTemplates;
-}) => ({
-  isRelevantSorted,
-  isVirtualReplica,
-  refine,
-}: RelevantSortRenderState) => {
-  render(
-    <RelevantSort
-      cssClasses={cssClasses}
-      templates={templates}
-      isRelevantSorted={isRelevantSorted}
-      isVirtualReplica={isVirtualReplica}
-      refine={refine}
-    />,
-    containerNode
-  );
-};
 
-const relevantSort: RelevantSortWidget = widgetParams => {
+const relevantSort: RelevantSortWidget = (widgetParams) => {
   const {
     container,
     templates: userTemplates = {},
diff --git a/src/widgets/search-box/search-box.tsx b/src/widgets/search-box/search-box.tsx
index 8373089598..11c877568c 100644
--- a/src/widgets/search-box/search-box.tsx
+++ b/src/widgets/search-box/search-box.tsx
@@ -124,48 +124,50 @@ export type SearchBoxWidgetParams = {
   queryHook?: (query: string, hook: (value: string) => void) => void;
 };
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  placeholder,
-  templates,
-  autofocus,
-  searchAsYouType,
-  showReset,
-  showSubmit,
-  showLoadingIndicator,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: SearchBoxComponentCSSClasses;
-  placeholder: string;
-  templates: SearchBoxComponentTemplates;
-  autofocus: boolean;
-  searchAsYouType: boolean;
-  showReset: boolean;
-  showSubmit: boolean;
-  showLoadingIndicator: boolean;
-}) => ({
-  refine,
-  query,
-  isSearchStalled,
-}: SearchBoxRenderState & RendererOptions<SearchBoxConnectorParams>) => {
-  render(
-    <SearchBox
-      query={query}
-      placeholder={placeholder}
-      autofocus={autofocus}
-      refine={refine}
-      searchAsYouType={searchAsYouType}
-      templates={templates}
-      showSubmit={showSubmit}
-      showReset={showReset}
-      showLoadingIndicator={showLoadingIndicator}
-      isSearchStalled={isSearchStalled}
-      cssClasses={cssClasses}
-    />,
-    containerNode
-  );
-};
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    placeholder,
+    templates,
+    autofocus,
+    searchAsYouType,
+    showReset,
+    showSubmit,
+    showLoadingIndicator,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: SearchBoxComponentCSSClasses;
+    placeholder: string;
+    templates: SearchBoxComponentTemplates;
+    autofocus: boolean;
+    searchAsYouType: boolean;
+    showReset: boolean;
+    showSubmit: boolean;
+    showLoadingIndicator: boolean;
+  }) =>
+  ({
+    refine,
+    query,
+    isSearchStalled,
+  }: SearchBoxRenderState & RendererOptions<SearchBoxConnectorParams>) => {
+    render(
+      <SearchBox
+        query={query}
+        placeholder={placeholder}
+        autofocus={autofocus}
+        refine={refine}
+        searchAsYouType={searchAsYouType}
+        templates={templates}
+        showSubmit={showSubmit}
+        showReset={showReset}
+        showLoadingIndicator={showLoadingIndicator}
+        isSearchStalled={isSearchStalled}
+        cssClasses={cssClasses}
+      />,
+      containerNode
+    );
+  };
 
 /**
  * The searchbox widget is used to let the user set a text based query.
diff --git a/src/widgets/sort-by/__tests__/sort-by-test.ts b/src/widgets/sort-by/__tests__/sort-by-test.ts
index 28df289826..cef547a2be 100644
--- a/src/widgets/sort-by/__tests__/sort-by-test.ts
+++ b/src/widgets/sort-by/__tests__/sort-by-test.ts
@@ -116,8 +116,8 @@ describe('sortBy()', () => {
     widget = sortBy({
       container,
       items,
-      transformItems: allItems =>
-        allItems.map(item => ({ ...item, transformed: true })),
+      transformItems: (allItems) =>
+        allItems.map((item) => ({ ...item, transformed: true })),
     });
 
     widget.init!(createInitOptions({ helper }));
diff --git a/src/widgets/sort-by/sort-by.tsx b/src/widgets/sort-by/sort-by.tsx
index 2ea8111a54..d43b58b559 100644
--- a/src/widgets/sort-by/sort-by.tsx
+++ b/src/widgets/sort-by/sort-by.tsx
@@ -72,40 +72,43 @@ export type SortByWidget = WidgetFactory<
   SortByWidgetParams
 >;
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: SelectorComponentCSSClasses;
-}): Renderer<SortByRenderState, SortByWidgetParams> => (
-  { currentRefinement, options, refine },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    return;
-  }
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: SelectorComponentCSSClasses;
+  }): Renderer<SortByRenderState, SortByWidgetParams> =>
+  ({ currentRefinement, options, refine }, isFirstRendering) => {
+    if (isFirstRendering) {
+      return;
+    }
 
-  render(
-    <div className={cssClasses.root}>
-      <Selector
-        cssClasses={cssClasses}
-        currentValue={currentRefinement}
-        options={options}
-        setValue={refine}
-      />
-    </div>,
-    containerNode
-  );
-};
+    render(
+      <div className={cssClasses.root}>
+        <Selector
+          cssClasses={cssClasses}
+          currentValue={currentRefinement}
+          options={options}
+          setValue={refine}
+        />
+      </div>,
+      containerNode
+    );
+  };
 
 /**
  * Sort by selector is a widget used for letting the user choose between different
  * indices that contains the same data with a different order / ranking formula.
  */
-const sortBy: SortByWidget = widgetParams => {
-  const { container, items, cssClasses: userCssClasses = {}, transformItems } =
-    widgetParams || {};
+const sortBy: SortByWidget = (widgetParams) => {
+  const {
+    container,
+    items,
+    cssClasses: userCssClasses = {},
+    transformItems,
+  } = widgetParams || {};
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
   }
diff --git a/src/widgets/stats/stats.tsx b/src/widgets/stats/stats.tsx
index 007a6822f3..ddcdb6a68f 100644
--- a/src/widgets/stats/stats.tsx
+++ b/src/widgets/stats/stats.tsx
@@ -87,58 +87,60 @@ export const defaultTemplates: StatsComponentTemplates = {
     found in {{processingTimeMS}}ms`,
 };
 
-const renderer = ({
-  renderState,
-  cssClasses,
-  containerNode,
-  templates,
-}: {
-  renderState: {
-    templateProps?: PreparedTemplateProps<StatsComponentTemplates>;
+const renderer =
+  ({
+    renderState,
+    cssClasses,
+    containerNode,
+    templates,
+  }: {
+    renderState: {
+      templateProps?: PreparedTemplateProps<StatsComponentTemplates>;
+    };
+    cssClasses: StatsComponentCSSClasses;
+    containerNode: HTMLElement;
+    templates: StatsTemplates;
+  }): Renderer<StatsRenderState, Partial<StatsWidgetParams>> =>
+  (
+    {
+      hitsPerPage,
+      nbHits,
+      nbSortedHits,
+      areHitsSorted,
+      nbPages,
+      page,
+      processingTimeMS,
+      query,
+      instantSearchInstance,
+    },
+    isFirstRendering
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+
+      return;
+    }
+
+    render(
+      <Stats
+        cssClasses={cssClasses}
+        hitsPerPage={hitsPerPage}
+        nbHits={nbHits}
+        nbSortedHits={nbSortedHits}
+        areHitsSorted={areHitsSorted}
+        nbPages={nbPages}
+        page={page}
+        processingTimeMS={processingTimeMS}
+        query={query}
+        templateProps={renderState.templateProps!}
+      />,
+      containerNode
+    );
   };
-  cssClasses: StatsComponentCSSClasses;
-  containerNode: HTMLElement;
-  templates: StatsTemplates;
-}): Renderer<StatsRenderState, Partial<StatsWidgetParams>> => (
-  {
-    hitsPerPage,
-    nbHits,
-    nbSortedHits,
-    areHitsSorted,
-    nbPages,
-    page,
-    processingTimeMS,
-    query,
-    instantSearchInstance,
-  },
-  isFirstRendering
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-
-    return;
-  }
-
-  render(
-    <Stats
-      cssClasses={cssClasses}
-      hitsPerPage={hitsPerPage}
-      nbHits={nbHits}
-      nbSortedHits={nbSortedHits}
-      areHitsSorted={areHitsSorted}
-      nbPages={nbPages}
-      page={page}
-      processingTimeMS={processingTimeMS}
-      query={query}
-      templateProps={renderState.templateProps!}
-    />,
-    containerNode
-  );
-};
 
 /**
  * The `stats` widget is used to display useful insights about the current results.
@@ -146,9 +148,12 @@ const renderer = ({
  * By default, it will display the **number of hits** and the time taken to compute the
  * results inside the engine.
  */
-const stats: StatsWidget = widgetParams => {
-  const { container, cssClasses: userCssClasses = {}, templates = {} } =
-    widgetParams || {};
+const stats: StatsWidget = (widgetParams) => {
+  const {
+    container,
+    cssClasses: userCssClasses = {},
+    templates = {},
+  } = widgetParams || {};
   if (!container) {
     throw new Error(withUsage('The `container` option is required.'));
   }
diff --git a/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts b/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts
index d7b2f926ed..83ab9f4842 100644
--- a/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts
+++ b/src/widgets/toggle-refinement/__tests__/toggle-refinement-test.ts
@@ -71,11 +71,11 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
         helper.removeDisjunctiveFacetRefinement = jest.fn();
         helper.addDisjunctiveFacetRefinement = jest.fn();
         helper.search = jest.fn();
-        state = ({
+        state = {
           removeDisjunctiveFacetRefinement: jest.fn(),
           addDisjunctiveFacetRefinement: jest.fn(),
           isDisjunctiveFacetRefined: jest.fn().mockReturnValue(false),
-        } as unknown) as SearchParameters;
+        } as unknown as SearchParameters;
         createURL = () => '#';
         widget.init!(
           createInitOptions({ state, helper, createURL, instantSearchInstance })
@@ -83,14 +83,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('calls twice render', () => {
-        results = ({
+        results = {
           hits: [{ Hello: ', world!' }],
           nbHits: 1,
           getFacetValues: jest.fn().mockReturnValue([
             { name: 'true', count: 2 },
             { name: 'false', count: 1 },
           ]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
         widget = toggleRefinement({
           container: containerNode,
           attribute,
@@ -113,14 +113,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('understands cssClasses', () => {
-        results = ({
+        results = {
           hits: [{ Hello: ', world!' }],
           nbHits: 1,
           getFacetValues: jest.fn().mockReturnValue([
             { name: 'true', count: 2, isRefined: false },
             { name: 'false', count: 1, isRefined: false },
           ]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
         widget = toggleRefinement({
           container: containerNode,
           attribute,
@@ -147,14 +147,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('with facet values', () => {
-        results = ({
+        results = {
           hits: [{ Hello: ', world!' }],
           nbHits: 1,
           getFacetValues: jest.fn().mockReturnValue([
             { name: 'true', count: 2, isRefined: false },
             { name: 'false', count: 1, isRefined: false },
           ]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
         widget = toggleRefinement({
           container: containerNode,
           attribute,
@@ -178,14 +178,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('supports negative numeric off or on values', () => {
-        results = ({
+        results = {
           hits: [{ Hello: ', world!' }],
           nbHits: 1,
           getFacetValues: jest.fn().mockReturnValue([
             { name: '-2', count: 2, isRefined: true },
             { name: '5', count: 1, isRefined: false },
           ]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
 
         widget = toggleRefinement({
           container: containerNode,
@@ -244,11 +244,11 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('without facet values', () => {
-        results = ({
+        results = {
           hits: [],
           nbHits: 0,
           getFacetValues: jest.fn().mockReturnValue([]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
         widget = toggleRefinement({
           container: containerNode,
           attribute,
@@ -272,19 +272,19 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('when refined', () => {
-        helper = ({
-          state: ({
+        helper = {
+          state: {
             isDisjunctiveFacetRefined: jest.fn().mockReturnValue(true),
-          } as unknown) as SearchParameters,
-        } as unknown) as AlgoliaSearchHelper;
-        results = ({
+          } as unknown as SearchParameters,
+        } as unknown as AlgoliaSearchHelper;
+        results = {
           hits: [{ Hello: ', world!' }],
           nbHits: 1,
           getFacetValues: jest.fn().mockReturnValue([
             { name: 'true', count: 2, isRefined: true },
             { name: 'false', count: 1, isRefined: false },
           ]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
         widget = toggleRefinement({
           container: containerNode,
           attribute,
@@ -308,14 +308,14 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
       });
 
       it('using props.refine', () => {
-        results = ({
+        results = {
           hits: [{ Hello: ', world!' }],
           nbHits: 1,
           getFacetValues: jest.fn().mockReturnValue([
             { name: 'true', count: 2 },
             { name: 'false', count: 1 },
           ]),
-        } as unknown) as SearchResults;
+        } as unknown as SearchResults;
         widget = toggleRefinement({
           container: containerNode,
           attribute,
@@ -390,9 +390,9 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
           widget.getWidgetSearchParameters(new SearchParameters({}), {
             uiState: {},
           });
-          const state = ({
+          const state = {
             isDisjunctiveFacetRefined: jest.fn().mockReturnValue(false),
-          } as unknown) as SearchParameters;
+          } as unknown as SearchParameters;
           const createURL = () => '#';
           widget.init!(
             createInitOptions({
@@ -425,9 +425,9 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
           widget.getWidgetSearchParameters(new SearchParameters({}), {
             uiState: {},
           });
-          const state = ({
+          const state = {
             isDisjunctiveFacetRefined: jest.fn().mockReturnValue(true),
-          } as unknown) as SearchParameters;
+          } as unknown as SearchParameters;
           const createURL = () => '#';
           widget.init!(
             createInitOptions({
@@ -499,9 +499,9 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
           widget.getWidgetSearchParameters(new SearchParameters({}), {
             uiState: {},
           });
-          const state = ({
+          const state = {
             isDisjunctiveFacetRefined: jest.fn().mockReturnValue(true),
-          } as unknown) as SearchParameters;
+          } as unknown as SearchParameters;
           const createURL = () => '#';
           widget.init!(
             createInitOptions({
@@ -571,12 +571,12 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
         widget.getWidgetSearchParameters(new SearchParameters({}), {
           uiState: {},
         });
-        const state = ({
+        const state = {
           isDisjunctiveFacetRefined: jest.fn().mockReturnValue(true),
-        } as unknown) as SearchParameters;
-        const helper = ({
+        } as unknown as SearchParameters;
+        const helper = {
           addDisjunctiveFacetRefinement: jest.fn(),
-        } as unknown) as AlgoliaSearchHelper;
+        } as unknown as AlgoliaSearchHelper;
 
         // When
         widget.init!(
@@ -598,12 +598,12 @@ See documentation: https://www.algolia.com/doc/api-reference/widgets/toggle-refi
         widget.getWidgetSearchParameters(new SearchParameters({}), {
           uiState: {},
         });
-        const state = ({
+        const state = {
           isDisjunctiveFacetRefined: () => false,
-        } as unknown) as SearchParameters;
-        const helper = ({
+        } as unknown as SearchParameters;
+        const helper = {
           addDisjunctiveFacetRefinement: jest.fn(),
-        } as unknown) as AlgoliaSearchHelper;
+        } as unknown as AlgoliaSearchHelper;
 
         // When
         widget.init!(
diff --git a/src/widgets/toggle-refinement/toggle-refinement.tsx b/src/widgets/toggle-refinement/toggle-refinement.tsx
index e60adbc960..ab2cbc02c9 100644
--- a/src/widgets/toggle-refinement/toggle-refinement.tsx
+++ b/src/widgets/toggle-refinement/toggle-refinement.tsx
@@ -27,47 +27,49 @@ const withUsage = createDocumentationMessageGenerator({
 });
 const suit = component('ToggleRefinement');
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  renderState,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: ToggleRefinementComponentCSSClasses;
-  renderState: {
-    templateProps?: PreparedTemplateProps<ToggleRefinementComponentTemplates>;
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    renderState,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: ToggleRefinementComponentCSSClasses;
+    renderState: {
+      templateProps?: PreparedTemplateProps<ToggleRefinementComponentTemplates>;
+    };
+    templates: ToggleRefinementTemplates;
+  }) =>
+  (
+    {
+      value,
+      refine,
+      instantSearchInstance,
+    }: ToggleRefinementRenderState &
+      RendererOptions<ToggleRefinementConnectorParams>,
+    isFirstRendering: boolean
+  ) => {
+    if (isFirstRendering) {
+      renderState.templateProps = prepareTemplateProps({
+        defaultTemplates,
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates,
+      });
+
+      return;
+    }
+
+    render(
+      <ToggleRefinement
+        cssClasses={cssClasses}
+        currentRefinement={value}
+        templateProps={renderState.templateProps!}
+        refine={refine}
+      />,
+      containerNode
+    );
   };
-  templates: ToggleRefinementTemplates;
-}) => (
-  {
-    value,
-    refine,
-    instantSearchInstance,
-  }: ToggleRefinementRenderState &
-    RendererOptions<ToggleRefinementConnectorParams>,
-  isFirstRendering: boolean
-) => {
-  if (isFirstRendering) {
-    renderState.templateProps = prepareTemplateProps({
-      defaultTemplates,
-      templatesConfig: instantSearchInstance.templatesConfig,
-      templates,
-    });
-
-    return;
-  }
-
-  render(
-    <ToggleRefinement
-      cssClasses={cssClasses}
-      currentRefinement={value}
-      templateProps={renderState.templateProps!}
-      refine={refine}
-    />,
-    containerNode
-  );
-};
 
 export type ToggleRefinementCSSClasses = Partial<{
   /**
diff --git a/src/widgets/voice-search/voice-search.tsx b/src/widgets/voice-search/voice-search.tsx
index b1813f919e..c440d8aa48 100644
--- a/src/widgets/voice-search/voice-search.tsx
+++ b/src/widgets/voice-search/voice-search.tsx
@@ -62,34 +62,36 @@ export type VoiceSearchWidget = WidgetFactory<
   VoiceSearchWidgetParams
 >;
 
-const renderer = ({
-  containerNode,
-  cssClasses,
-  templates,
-}: {
-  containerNode: HTMLElement;
-  cssClasses: VoiceSearchComponentCSSClasses;
-  templates: VoiceSearchComponentTemplates;
-}): Renderer<VoiceSearchRenderState, Partial<VoiceSearchWidgetParams>> => ({
-  isBrowserSupported,
-  isListening,
-  toggleListening,
-  voiceListeningState,
-}) => {
-  render(
-    <VoiceSearchComponent
-      cssClasses={cssClasses}
-      templates={templates}
-      isBrowserSupported={isBrowserSupported}
-      isListening={isListening}
-      toggleListening={toggleListening}
-      voiceListeningState={voiceListeningState}
-    />,
-    containerNode
-  );
-};
+const renderer =
+  ({
+    containerNode,
+    cssClasses,
+    templates,
+  }: {
+    containerNode: HTMLElement;
+    cssClasses: VoiceSearchComponentCSSClasses;
+    templates: VoiceSearchComponentTemplates;
+  }): Renderer<VoiceSearchRenderState, Partial<VoiceSearchWidgetParams>> =>
+  ({
+    isBrowserSupported,
+    isListening,
+    toggleListening,
+    voiceListeningState,
+  }) => {
+    render(
+      <VoiceSearchComponent
+        cssClasses={cssClasses}
+        templates={templates}
+        isBrowserSupported={isBrowserSupported}
+        isListening={isListening}
+        toggleListening={toggleListening}
+        voiceListeningState={voiceListeningState}
+      />,
+      containerNode
+    );
+  };
 
-const voiceSearch: VoiceSearchWidget = widgetParams => {
+const voiceSearch: VoiceSearchWidget = (widgetParams) => {
   const {
     container,
     cssClasses: userCssClasses = {},
diff --git a/stories/answers.stories.ts b/stories/answers.stories.ts
index 22aff2ce9c..86a71e53c6 100644
--- a/stories/answers.stories.ts
+++ b/stories/answers.stories.ts
@@ -24,7 +24,7 @@ storiesOf('Results/Answers', module)
           queryLanguages: ['en'],
           attributesForPrediction: ['description'],
           templates: {
-            item: hit => {
+            item: (hit) => {
               return `<p>${hit._answer.extract}</p>`;
             },
           },
@@ -50,7 +50,7 @@ storiesOf('Results/Answers', module)
             header: ({ hits }) => {
               return hits.length === 0 ? '' : `<p>Answers</p>`;
             },
-            item: hit => {
+            item: (hit) => {
               return `<p>${hit._answer.extract}</p>`;
             },
           },
@@ -77,7 +77,7 @@ storiesOf('Results/Answers', module)
               return hits.length === 0 ? '' : `<p>Answers</p>`;
             },
             loader: `loading...`,
-            item: hit => {
+            item: (hit) => {
               return `<p>${hit._answer.extract}</p>`;
             },
           },
@@ -114,7 +114,7 @@ storiesOf('Results/Answers', module)
               </div>
             </div>
             `,
-            item: hit => {
+            item: (hit) => {
               return `
                 <p class="title one-line">${hit.title}</p>
                 <div class="separator"></div>
diff --git a/stories/autocomplete.stories.ts b/stories/autocomplete.stories.ts
index 02ee933b07..e56df56a91 100644
--- a/stories/autocomplete.stories.ts
+++ b/stories/autocomplete.stories.ts
@@ -11,12 +11,8 @@ storiesOf('Basics/Autocomplete', module).add(
     const customAutocomplete = instantsearch.connectors.connectAutocomplete<{
       container: HTMLElement;
     }>((renderOptions, isFirstRender) => {
-      const {
-        indices,
-        currentRefinement,
-        refine,
-        widgetParams,
-      } = renderOptions;
+      const { indices, currentRefinement, refine, widgetParams } =
+        renderOptions;
 
       if (isFirstRender) {
         const input = document.createElement('input');
@@ -40,7 +36,8 @@ storiesOf('Basics/Autocomplete', module).add(
   <ol>
     ${hits
       .map(
-        hit => `<li>${instantsearch.highlight({ attribute: 'name', hit })}</li>`
+        (hit) =>
+          `<li>${instantsearch.highlight({ attribute: 'name', hit })}</li>`
       )
       .join('')}
   </ol>
diff --git a/stories/breadcrumb.stories.ts b/stories/breadcrumb.stories.ts
index fba70b1141..6ec798aaca 100644
--- a/stories/breadcrumb.stories.ts
+++ b/stories/breadcrumb.stories.ts
@@ -226,8 +226,8 @@ storiesOf('Metadata/Breadcrumb', module)
               'hierarchicalCategories.lvl1',
               'hierarchicalCategories.lvl2',
             ],
-            transformItems: items =>
-              items.map(item => ({
+            transformItems: (items) =>
+              items.map((item) => ({
                 ...item,
                 label: `${item.label} (transformed)`,
               })),
@@ -253,7 +253,7 @@ storiesOf('Metadata/Breadcrumb', module)
       ({ search, container, instantsearch }) => {
         search.addWidgets([virtualHierarchicalMenu()]);
 
-        withLifecycle(search, container, node =>
+        withLifecycle(search, container, (node) =>
           instantsearch.widgets.breadcrumb({
             container: node,
             attributes: [
diff --git a/stories/clear-refinements.stories.ts b/stories/clear-refinements.stories.ts
index cdd0336068..9ee1b74e96 100644
--- a/stories/clear-refinements.stories.ts
+++ b/stories/clear-refinements.stories.ts
@@ -73,8 +73,8 @@ storiesOf('Refinements/ClearRefinements', module)
           instantsearch.widgets.clearRefinements({
             container: clearRefinementsContainer,
             excludedAttributes: [],
-            transformItems: items =>
-              items.filter(attribute => attribute !== 'brand'),
+            transformItems: (items) =>
+              items.filter((attribute) => attribute !== 'brand'),
           }),
         ]);
       },
diff --git a/stories/current-refinements.stories.ts b/stories/current-refinements.stories.ts
index 9098a4bcd7..e025f51861 100644
--- a/stories/current-refinements.stories.ts
+++ b/stories/current-refinements.stories.ts
@@ -301,10 +301,10 @@ storiesOf('Refinements/CurrentRefinements', module)
         search.addWidgets([
           instantsearch.widgets.currentRefinements({
             container: currentRefinementsContainer,
-            transformItems: items =>
-              items.map(refinementItem => ({
+            transformItems: (items) =>
+              items.map((refinementItem) => ({
                 ...refinementItem,
-                refinements: refinementItem.refinements.map(item => ({
+                refinements: refinementItem.refinements.map((item) => ({
                   ...item,
                   label: item.label.toUpperCase(),
                 })),
diff --git a/stories/dynamic-widgets.stories.ts b/stories/dynamic-widgets.stories.ts
index bbaf749b41..049a19931f 100644
--- a/stories/dynamic-widgets.stories.ts
+++ b/stories/dynamic-widgets.stories.ts
@@ -15,16 +15,16 @@ storiesOf('Basics/DynamicWidgets', module).add(
       instantsearch.widgets.EXPERIMENTAL_dynamicWidgets({
         container: dynamicWidgetsContainer,
         widgets: [
-          container =>
+          (container) =>
             instantsearch.widgets.menu({ container, attribute: 'categories' }),
-          container =>
+          (container) =>
             instantsearch.widgets.panel({ templates: { header: 'brand' } })(
               instantsearch.widgets.refinementList
             )({
               container,
               attribute: 'brand',
             }),
-          container =>
+          (container) =>
             instantsearch.widgets.panel({ templates: { header: 'hierarchy' } })(
               instantsearch.widgets.hierarchicalMenu
             )({
diff --git a/stories/geo-search.stories.ts b/stories/geo-search.stories.ts
index 307b1c5e48..5b227fb58d 100644
--- a/stories/geo-search.stories.ts
+++ b/stories/geo-search.stories.ts
@@ -12,7 +12,7 @@ const withHitsAndConfigure = (
   options?: Parameters<typeof withHits>[1]
 ) =>
   withHits(
-    args => {
+    (args) => {
       const { search, instantsearch } = args;
 
       search.addWidgets([
@@ -263,7 +263,7 @@ stories
           instantsearch.widgets.geoSearch({
             googleReference: window.google,
             builtInMarker: {
-              createOptions: item => ({
+              createOptions: (item) => ({
                 title: item.name,
                 label: item.price_formatted,
               }),
@@ -509,18 +509,18 @@ stories
         );
 
         const removeActiveHitClassNames = () => {
-          document.querySelectorAll('.hit').forEach(el => {
+          document.querySelectorAll('.hit').forEach((el) => {
             el.classList.remove('hit--active');
           });
         };
 
         const removeActiveMarkerClassNames = () => {
-          document.querySelectorAll('.my-custom-marker').forEach(el => {
+          document.querySelectorAll('.my-custom-marker').forEach((el) => {
             el.classList.remove('my-custom-marker--active');
           });
         };
 
-        containerElement!.addEventListener('mouseover', event => {
+        containerElement!.addEventListener('mouseover', (event) => {
           const hitElement = (event.target as HTMLElement).closest('.hit');
 
           if (hitElement) {
@@ -615,12 +615,12 @@ stories
             googleReference: window.google,
             container,
             builtInMarker: {
-              createOptions: item => ({
+              createOptions: (item) => ({
                 title: item.name,
               }),
             },
-            transformItems: items =>
-              items.map(item => ({
+            transformItems: (items) =>
+              items.map((item) => ({
                 ...item,
                 name: item.name.toUpperCase(),
               })),
@@ -633,7 +633,7 @@ stories
     'with add/remove',
     withHitsAndConfigure(({ search, container, instantsearch }) =>
       injectGoogleMaps(() => {
-        withLifecycle(search, container, node =>
+        withLifecycle(search, container, (node) =>
           instantsearch.widgets.geoSearch({
             googleReference: window.google,
             container: node,
diff --git a/stories/hierarchical-menu.stories.ts b/stories/hierarchical-menu.stories.ts
index b8245c96e7..3413c21fbe 100644
--- a/stories/hierarchical-menu.stories.ts
+++ b/stories/hierarchical-menu.stories.ts
@@ -144,8 +144,8 @@ storiesOf('Refinements/HierarchicalMenu', module)
             'hierarchicalCategories.lvl1',
             'hierarchicalCategories.lvl2',
           ],
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: `${item.label} (transformed)`,
             })),
@@ -156,7 +156,7 @@ storiesOf('Refinements/HierarchicalMenu', module)
   .add(
     'with add/remove',
     withHits(({ search, container, instantsearch }) => {
-      withLifecycle(search, container, node =>
+      withLifecycle(search, container, (node) =>
         instantsearch.widgets.hierarchicalMenu({
           container: node,
           attributes: [
diff --git a/stories/hits-per-page.stories.ts b/stories/hits-per-page.stories.ts
index 39df9395ed..60a09682c9 100644
--- a/stories/hits-per-page.stories.ts
+++ b/stories/hits-per-page.stories.ts
@@ -28,8 +28,8 @@ storiesOf('Pagination/HitsPerPage', module)
             { value: 5, label: '5 per page' },
             { value: 10, label: '10 per page' },
           ],
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: `${item.label} (transformed)`,
             })),
@@ -40,7 +40,7 @@ storiesOf('Pagination/HitsPerPage', module)
   .add(
     'with add/remove',
     withHits(({ search, container, instantsearch }) => {
-      withLifecycle(search, container, node =>
+      withLifecycle(search, container, (node) =>
         instantsearch.widgets.hitsPerPage({
           container: node,
           items: [
diff --git a/stories/hits.stories.ts b/stories/hits.stories.ts
index 7a714697ea..70a9eaf58d 100644
--- a/stories/hits.stories.ts
+++ b/stories/hits.stories.ts
@@ -16,8 +16,8 @@ storiesOf('Results/Hits', module)
       search.addWidgets([
         instantsearch.widgets.hits({
           container,
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               name: `${item.name} (transformed)`,
             })),
@@ -50,8 +50,7 @@ storiesOf('Results/Hits', module)
         instantsearch.widgets.hits({
           container,
           templates: {
-            item:
-              '{{#helpers.highlight}}{ "attribute": "name" }{{/helpers.highlight}}',
+            item: '{{#helpers.highlight}}{ "attribute": "name" }{{/helpers.highlight}}',
           },
         }),
       ]);
@@ -82,8 +81,7 @@ storiesOf('Results/Hits', module)
         instantsearch.widgets.hits({
           container,
           templates: {
-            item:
-              '{{#helpers.reverseHighlight}}{ "attribute": "name" }{{/helpers.reverseHighlight}}',
+            item: '{{#helpers.reverseHighlight}}{ "attribute": "name" }{{/helpers.reverseHighlight}}',
           },
         }),
       ]);
@@ -206,7 +204,7 @@ storiesOf('Results/Hits', module)
           instantsearch.widgets.hits({
             container,
             templates: {
-              item: item => `
+              item: (item) => `
           <h4>${item.name}</h4>
           <button
             ${insights('clickedObjectIDsAfterSearch', {
diff --git a/stories/infinite-hits.stories.ts b/stories/infinite-hits.stories.ts
index 105bcba70c..4dff73f471 100644
--- a/stories/infinite-hits.stories.ts
+++ b/stories/infinite-hits.stories.ts
@@ -41,8 +41,8 @@ storiesOf('Results/InfiniteHits', module)
           templates: {
             item: '{{name}}',
           },
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               name: `${item.name} (transformed)`,
             })),
@@ -65,7 +65,7 @@ storiesOf('Results/InfiniteHits', module)
           instantsearch.widgets.infiniteHits({
             container,
             templates: {
-              item: item => `
+              item: (item) => `
           <h4>${item.name}</h4>
           <button
             ${insights('clickedObjectIDsAfterSearch', {
@@ -116,7 +116,7 @@ storiesOf('Results/InfiniteHits', module)
         instantsearch.widgets.infiniteHits({
           container,
           templates: {
-            item: hit => `
+            item: (hit) => `
               <p>#${hit.__position} ${hit.name}</p>
               <a href="https://google.com">Details</a>
             `,
diff --git a/stories/instantsearch.stories.ts b/stories/instantsearch.stories.ts
index 43b585e39f..8a651c5285 100644
--- a/stories/instantsearch.stories.ts
+++ b/stories/instantsearch.stories.ts
@@ -5,7 +5,7 @@ storiesOf('Basics/InstantSearch', module)
   .add(
     'with searchFunction to prevent search',
     withHits(() => {}, {
-      searchFunction: helper => {
+      searchFunction: (helper) => {
         const query = helper.state.query;
 
         if (query === '') {
diff --git a/stories/menu-select.stories.ts b/stories/menu-select.stories.ts
index 4aa1ef2b79..05427f4237 100644
--- a/stories/menu-select.stories.ts
+++ b/stories/menu-select.stories.ts
@@ -46,7 +46,7 @@ storiesOf('Refinements/MenuSelect', module)
   .add(
     'with add/remove',
     withHits(({ search, container, instantsearch }) => {
-      withLifecycle(search, container, node =>
+      withLifecycle(search, container, (node) =>
         instantsearch.widgets.menuSelect({
           container: node,
           attribute: 'categories',
diff --git a/stories/menu.stories.ts b/stories/menu.stories.ts
index 6ac1df9d3c..d405de095e 100644
--- a/stories/menu.stories.ts
+++ b/stories/menu.stories.ts
@@ -20,8 +20,8 @@ storiesOf('Refinements/Menu', module)
         instantsearch.widgets.menu({
           container,
           attribute: 'categories',
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: `${item.label} (transformed)`,
             })),
@@ -82,7 +82,7 @@ storiesOf('Refinements/Menu', module)
   .add(
     'with add/remove',
     withHits(({ search, container, instantsearch }) => {
-      withLifecycle(search, container, node =>
+      withLifecycle(search, container, (node) =>
         instantsearch.widgets.menu({
           container: node,
           attribute: 'categories',
diff --git a/stories/numeric-menu.stories.ts b/stories/numeric-menu.stories.ts
index e67ad7618c..9855ce7794 100644
--- a/stories/numeric-menu.stories.ts
+++ b/stories/numeric-menu.stories.ts
@@ -42,8 +42,8 @@ storiesOf('Refinements/NumericMenu', module)
             item: 'facet-value',
             selectedItem: 'facet-active',
           },
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: `${item.label} (transformed)`,
             })),
diff --git a/stories/panel.stories.ts b/stories/panel.stories.ts
index 5a84f2e7db..c646a08b3a 100644
--- a/stories/panel.stories.ts
+++ b/stories/panel.stories.ts
@@ -104,7 +104,7 @@ storiesOf('Basics/Panel', module)
     'with collapsed',
     withHits(({ search, container, instantsearch }) => {
       const brandList = instantsearch.widgets.panel({
-        collapsed: options => {
+        collapsed: (options) => {
           return options && options.state && !options.state.query;
         },
         templates: {
@@ -125,7 +125,7 @@ storiesOf('Basics/Panel', module)
     'with collapsed and custom templates',
     withHits(({ search, container, instantsearch }) => {
       const brandList = instantsearch.widgets.panel({
-        collapsed: options => {
+        collapsed: (options) => {
           return options && options.state && !options.state.query;
         },
         templates: {
diff --git a/stories/query-rule-context.stories.ts b/stories/query-rule-context.stories.ts
index 58103c6d06..886967bde9 100644
--- a/stories/query-rule-context.stories.ts
+++ b/stories/query-rule-context.stories.ts
@@ -42,12 +42,12 @@ storiesOf('Metadata/QueryRuleContext', module)
         instantsearch.widgets.queryRuleCustomData({
           container: widgetContainer,
           transformItems(items: CustomDataItem[]) {
-            return items.filter(item => typeof item.banner !== 'undefined');
+            return items.filter((item) => typeof item.banner !== 'undefined');
           },
           templates: {
             default: ({ items }: { items: CustomDataItem[] }) =>
               items
-                .map(item => {
+                .map((item) => {
                   const { title, banner, link } = item;
 
                   return `
@@ -93,12 +93,12 @@ storiesOf('Metadata/QueryRuleContext', module)
           instantsearch.widgets.queryRuleCustomData({
             container: widgetContainer,
             transformItems(items: CustomDataItem[]) {
-              return items.filter(item => typeof item.banner !== 'undefined');
+              return items.filter((item) => typeof item.banner !== 'undefined');
             },
             templates: {
               default: ({ items }: { items: CustomDataItem[] }) =>
                 items
-                  .map(item => {
+                  .map((item) => {
                     const { title, banner, link } = item;
 
                     return `
diff --git a/stories/query-rule-custom-data.stories.ts b/stories/query-rule-custom-data.stories.ts
index 4e7c5201c7..c29381e64f 100644
--- a/stories/query-rule-custom-data.stories.ts
+++ b/stories/query-rule-custom-data.stories.ts
@@ -32,7 +32,7 @@ storiesOf('Metadata/QueryRuleCustomData', module)
           templates: {
             default: ({ items }: { items: CustomDataItem[] }) =>
               items
-                .map(item => {
+                .map((item) => {
                   const { title, banner, link } = item;
 
                   if (!banner) {
@@ -102,7 +102,7 @@ storiesOf('Metadata/QueryRuleCustomData', module)
           container: widgetContainer,
           transformItems: (items: CustomDataItem[]) => {
             if (items.length > 0) {
-              return items.filter(item => typeof item.banner !== 'undefined');
+              return items.filter((item) => typeof item.banner !== 'undefined');
             }
 
             return [
diff --git a/stories/refinement-list.stories.ts b/stories/refinement-list.stories.ts
index 3054c06afc..2f8a475ccd 100644
--- a/stories/refinement-list.stories.ts
+++ b/stories/refinement-list.stories.ts
@@ -120,8 +120,8 @@ storiesOf('Refinements/RefinementList', module)
         instantsearch.widgets.refinementList({
           container,
           attribute: 'brand',
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: `${item.label} (transformed)`,
               highlighted: `${item.highlighted} (transformed)`,
@@ -138,8 +138,8 @@ storiesOf('Refinements/RefinementList', module)
           container,
           attribute: 'brand',
           searchable: true,
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: `${item.label} (transformed)`,
               highlighted: `${item.highlighted} (transformed)`,
diff --git a/stories/sort-by.stories.ts b/stories/sort-by.stories.ts
index 25fb775081..6bab55de38 100644
--- a/stories/sort-by.stories.ts
+++ b/stories/sort-by.stories.ts
@@ -28,8 +28,8 @@ storiesOf('Sorting/SortBy', module)
             { value: 'instant_search_price_asc', label: 'Lowest price' },
             { value: 'instant_search_price_desc', label: 'Highest price' },
           ],
-          transformItems: items =>
-            items.map(item => ({
+          transformItems: (items) =>
+            items.map((item) => ({
               ...item,
               label: item.label.toUpperCase(),
             })),
@@ -40,7 +40,7 @@ storiesOf('Sorting/SortBy', module)
   .add(
     'with add/remove',
     withHits(({ search, container, instantsearch }) => {
-      withLifecycle(search, container, node =>
+      withLifecycle(search, container, (node) =>
         instantsearch.widgets.sortBy({
           container: node,
           items: [
diff --git a/stories/toggle-refinement.stories.ts b/stories/toggle-refinement.stories.ts
index 0b38faa4f9..ea0b8fbbe4 100644
--- a/stories/toggle-refinement.stories.ts
+++ b/stories/toggle-refinement.stories.ts
@@ -46,7 +46,7 @@ storiesOf('Refinements/ToggleRefinement', module)
   .add(
     'with add/remove',
     withHits(({ search, container, instantsearch }) => {
-      withLifecycle(search, container, node =>
+      withLifecycle(search, container, (node) =>
         instantsearch.widgets.toggleRefinement({
           container: node,
           attribute: 'free_shipping',
diff --git a/stories/voice-search.stories.ts b/stories/voice-search.stories.ts
index c9df1daf8d..602fd15f29 100644
--- a/stories/voice-search.stories.ts
+++ b/stories/voice-search.stories.ts
@@ -63,7 +63,7 @@ storiesOf('Basics/VoiceSearch', module)
         `.ais-VoiceSearch-button.custom-button:hover {
         background: inherit;
       }`,
-      ].forEach(rule => (style.sheet as CSSStyleSheet).insertRule(rule));
+      ].forEach((rule) => (style.sheet as CSSStyleSheet).insertRule(rule));
 
       search.addWidgets([
         instantsearch.widgets.voiceSearch({
@@ -157,7 +157,7 @@ storiesOf('Basics/VoiceSearch', module)
           font-size: 2rem;
           color: #555;
         }`,
-      ].forEach(rule => (style.sheet as CSSStyleSheet).insertRule(rule));
+      ].forEach((rule) => (style.sheet as CSSStyleSheet).insertRule(rule));
 
       search.addWidgets([
         instantsearch.widgets.voiceSearch({
diff --git a/test/mock/createSearchClient.ts b/test/mock/createSearchClient.ts
index 3f7b9988fa..5fa07c8fc0 100644
--- a/test/mock/createSearchClient.ts
+++ b/test/mock/createSearchClient.ts
@@ -9,7 +9,7 @@ import {
 export const createSearchClient = (
   args: Partial<SearchClient> = {}
 ): SearchClient => ({
-  search: jest.fn(requests =>
+  search: jest.fn((requests) =>
     Promise.resolve(
       createMultiSearchResponse(
         ...requests.map(() => createSingleSearchResponse())
@@ -35,7 +35,7 @@ export const createControlledSearchClient = (
   const searchClient = createSearchClient({
     search: jest.fn(() => {
       let resolver: () => void;
-      const promise: Promise<MultiResponse> = new Promise(resolve => {
+      const promise: Promise<MultiResponse> = new Promise((resolve) => {
         resolver = () => resolve(createMultiSearchResponse());
       });
 
diff --git a/test/mock/createWidget.ts b/test/mock/createWidget.ts
index ce53234aef..26ad85d1d7 100644
--- a/test/mock/createWidget.ts
+++ b/test/mock/createWidget.ts
@@ -80,10 +80,10 @@ export const createDisposeOptions = (
 export const createWidget = <TWidget extends Widget>(
   args: Partial<TWidget> = {}
 ): TWidget =>
-  (({
+  ({
     $$type: 'mock.widget',
     init: jest.fn(),
     render: jest.fn(),
     dispose: jest.fn(),
     ...args,
-  } as unknown) as TWidget);
+  } as unknown as TWidget);
diff --git a/test/utils/enzyme.ts b/test/utils/enzyme.ts
index 9cf328c316..d8c1b1c0e0 100644
--- a/test/utils/enzyme.ts
+++ b/test/utils/enzyme.ts
@@ -1,11 +1,11 @@
 import { mount, shallow, ShallowWrapper, ReactWrapper } from 'enzyme';
 import { VNode } from 'preact';
 
-const preactMount = (mount as unknown) as <TProps>(
+const preactMount = mount as unknown as <TProps>(
   node: VNode<TProps>
 ) => ReactWrapper<TProps, any>;
 
-const preactShallow = (shallow as unknown) as <TProps>(
+const preactShallow = shallow as unknown as <TProps>(
   node: VNode<TProps>
 ) => ShallowWrapper<TProps, any>;
 
diff --git a/test/utils/wait.ts b/test/utils/wait.ts
index c6ea03d56a..3b0f3ab44e 100644
--- a/test/utils/wait.ts
+++ b/test/utils/wait.ts
@@ -1,2 +1,2 @@
 export const wait = (ms: number) =>
-  new Promise(resolve => setTimeout(resolve, ms));
+  new Promise((resolve) => setTimeout(resolve, ms));
diff --git a/yarn.lock b/yarn.lock
index b3d48c9be5..3b07ea0933 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6126,10 +6126,10 @@ eslint-plugin-jest@24.3.5:
   dependencies:
     "@typescript-eslint/experimental-utils" "^4.0.1"
 
-eslint-plugin-prettier@3.3.1:
-  version "3.3.1"
-  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.3.1.tgz#7079cfa2497078905011e6f82e8dd8453d1371b7"
-  integrity sha512-Rq3jkcFY8RYeQLgk2cCwuc0P7SEFwDravPhsJZOQ5N4YI4DSg50NyqJ/9gdZHzQlHf8MvafSesbNJCcP/FF6pQ==
+eslint-plugin-prettier@3.4.0:
+  version "3.4.0"
+  resolved "https://registry.yarnpkg.com/eslint-plugin-prettier/-/eslint-plugin-prettier-3.4.0.tgz#cdbad3bf1dbd2b177e9825737fe63b476a08f0c7"
+  integrity sha512-UDK6rJT6INSfcOo545jiaOwB701uAIt2/dR7WnFQoGCVl1/EMqdANBmwUaqqQ45aXprsTGzSa39LI1PyuRBxxw==
   dependencies:
     prettier-linter-helpers "^1.0.0"
 
@@ -10929,10 +10929,10 @@ prettier-linter-helpers@^1.0.0:
   dependencies:
     fast-diff "^1.1.2"
 
-prettier@1.19.1:
-  version "1.19.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.19.1.tgz#f7d7f5ff8a9cd872a7be4ca142095956a60797cb"
-  integrity sha512-s7PoyDv/II1ObgQunCbB9PdLmUcBZcnWOcxDh7O0N/UwDEsHyqkW+Qh28jW+mVuCdx7gLB0BotYI1Y6uI9iyew==
+prettier@2.3.2:
+  version "2.3.2"
+  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.3.2.tgz#ef280a05ec253712e486233db5c6f23441e7342d"
+  integrity sha512-lnJzDfJ66zkMy58OL5/NY5zp70S7Nz6KqcKkXYzn2tMVrNxvbqaBpg7H3qHaLxCJ5lNMsGuM8+ohS7cZrthdLQ==
 
 prettier@^2.0.0:
   version "2.1.0"