diff --git a/.circleci/config.yml b/.circleci/config.yml
index e6f9c3cfa5..aeabb4948f 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -40,7 +40,7 @@ workflows:
   ci:
     when:
       not:
-        equal: [ scheduled_pipeline, << pipeline.trigger_source >> ]
+        equal: [scheduled_pipeline, << pipeline.trigger_source >>]
     jobs:
       - build:
           context: fx-libraries
@@ -106,8 +106,8 @@ workflows:
     # See: https://app.circleci.com/settings/project/github/algolia/instantsearch/triggers
     when:
       and:
-        - equal: [ scheduled_pipeline, << pipeline.trigger_source >> ]
-        - equal: [ scheduled_release, << pipeline.schedule.name >> ]
+        - equal: [scheduled_pipeline, << pipeline.trigger_source >>]
+        - equal: [scheduled_release, << pipeline.schedule.name >>]
     jobs:
       - prepare release:
           context: fx-libraries
@@ -116,8 +116,8 @@ workflows:
     # See: https://app.circleci.com/settings/project/github/algolia/instantsearch/triggers
     when:
       and:
-        - equal: [ scheduled_pipeline, << pipeline.trigger_source >> ]
-        - equal: [ scheduled_e2e, << pipeline.schedule.name >> ]
+        - equal: [scheduled_pipeline, << pipeline.trigger_source >>]
+        - equal: [scheduled_e2e, << pipeline.schedule.name >>]
     jobs:
       - build:
           context: fx-libraries
diff --git a/.prettierignore b/.prettierignore
new file mode 100644
index 0000000000..f0e0de1340
--- /dev/null
+++ b/.prettierignore
@@ -0,0 +1 @@
+packages/*/CHANGELOG.md
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index 24175a377a..f27a2d8ab8 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -11,7 +11,6 @@ If this guide does not contain what you are looking for and thus prevents you fr
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Reporting an issue](#reporting-an-issue)
 - [The code contribution process](#the-code-contribution-process)
 - [Commit conventions](#commit-conventions)
diff --git a/README.md b/README.md
index 3cf0bee2fe..4065044806 100644
--- a/README.md
+++ b/README.md
@@ -26,7 +26,6 @@ It is part of the InstantSearch family which is designed for different platforms
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Packages](#packages)
 - [Contributing](#contributing)
 - [License](#license)
diff --git a/examples/js/e-commerce/index.html b/examples/js/e-commerce/index.html
index 7f2d0ae8f9..80977d2ee0 100755
--- a/examples/js/e-commerce/index.html
+++ b/examples/js/e-commerce/index.html
@@ -42,9 +42,7 @@
         </a>
       </p>
 
-      <p class="header-title">
-        Stop looking for an item — find it.
-      </p>
+      <p class="header-title">Stop looking for an item — find it.</p>
 
       <div data-widget="searchbox"></div>
     </header>
diff --git a/examples/js/media/index.html b/examples/js/media/index.html
index 94231398b3..2bbddf6486 100755
--- a/examples/js/media/index.html
+++ b/examples/js/media/index.html
@@ -143,9 +143,7 @@
               />
             </svg>
 
-            <h2 class="container-filters-title">
-              Filter
-            </h2>
+            <h2 class="container-filters-title">Filter</h2>
           </button>
 
           <div data-widget="stats" class="container-filters-filter"></div>
@@ -164,7 +162,10 @@ <h2 class="container-filters-title">
           data-layout="desktop"
           class="container-filters-panel-column-wrapper"
         >
-          <div data-widget="dates-desktop" class="container-filters-panel-column container-filters-panel-column--dates"></div>
+          <div
+            data-widget="dates-desktop"
+            class="container-filters-panel-column container-filters-panel-column--dates"
+          ></div>
           <div
             data-widget="categories-desktop"
             class="container-filters-panel-column"
@@ -172,9 +173,7 @@ <h2 class="container-filters-title">
         </div>
         <div data-layout="mobile" class="container-filters-panel-mobile">
           <div class="container-filters-header">
-            <h2 class="container-filters-title">
-              Filters
-            </h2>
+            <h2 class="container-filters-title">Filters</h2>
             <div data-widget="clear-filters-mobile"></div>
           </div>
           <div data-widget="dates-mobile"></div>
@@ -216,8 +215,15 @@ <h2 class="container-filters-title">
         </a>
       </aside>
       <div class="mentions">
-        <p>InstantSearch.js is an open-source, production-ready library that lets you quickly build a search interface in your front-end application.</p>
-        <p>This demo uses data from the Algolia blog. Follow <a href="https://algolia.com/blog">this link</a> to benefit from the official blog experience.</p>
+        <p>
+          InstantSearch.js is an open-source, production-ready library that lets
+          you quickly build a search interface in your front-end application.
+        </p>
+        <p>
+          This demo uses data from the Algolia blog. Follow
+          <a href="https://algolia.com/blog">this link</a> to benefit from the
+          official blog experience.
+        </p>
       </div>
     </footer>
 
diff --git a/examples/js/media/src/app.css b/examples/js/media/src/app.css
index 66ca738028..6b2b7dbd2d 100644
--- a/examples/js/media/src/app.css
+++ b/examples/js/media/src/app.css
@@ -188,16 +188,16 @@ strong {
 
 .previous-hits-message {
   margin: 0;
-  font-size: .9rem;
+  font-size: 0.9rem;
   color: #6e7070;
 }
 
 .previous-hits-button {
   font-family: inherit;
-  font-size: .75rem;
+  font-size: 0.75rem;
   font-weight: bold;
   margin-left: 1rem;
-  padding: .5rem 1rem;
+  padding: 0.5rem 1rem;
   color: #6634d1;
   background-color: #e6ebf7;
   text-transform: uppercase;
diff --git a/examples/js/tourism/index.html b/examples/js/tourism/index.html
index 086657dc93..dc47553afd 100644
--- a/examples/js/tourism/index.html
+++ b/examples/js/tourism/index.html
@@ -24,7 +24,7 @@
   </head>
 
   <body>
-    <div class="container-fluid" style="padding-left: 0; padding-right: 0;">
+    <div class="container-fluid" style="padding-left: 0; padding-right: 0">
       <header class="navbar navbar-static-top aisdemo-navbar">
         <a
           href="https://www.algolia.com/doc/guides/building-search-ui/what-is-instantsearch/js/"
diff --git a/examples/react/default-theme/src/components/Refresh.css b/examples/react/default-theme/src/components/Refresh.css
index c447a2b0f9..0eb00ad0ec 100644
--- a/examples/react/default-theme/src/components/Refresh.css
+++ b/examples/react/default-theme/src/components/Refresh.css
@@ -21,7 +21,7 @@
 }
 
 .Refresh svg {
-  transition: transform .5s ease-out;
+  transition: transform 0.5s ease-out;
 }
 
 .Refresh:active svg {
diff --git a/examples/react/default-theme/src/components/layout/Tabs.css b/examples/react/default-theme/src/components/layout/Tabs.css
index f1e1cfa9fc..78062afa31 100644
--- a/examples/react/default-theme/src/components/layout/Tabs.css
+++ b/examples/react/default-theme/src/components/layout/Tabs.css
@@ -6,7 +6,7 @@
   padding: 0 1rem;
   flex: 1;
   font-family: inherit;
-  font-size: .875rem;
+  font-size: 0.875rem;
   color: #23263b;
   background: linear-gradient(-180deg, #fff, #fcfcfd);
   border: 1px solid #d6d6e7;
@@ -34,7 +34,8 @@
 
 .Tabs-title--active {
   font-weight: bold;
-  box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 40%), inset 0 1px 1px 0 rgb(119 122 175 / 40%), 0 1px 0 0 rgb(35 38 59 / 5%);
+  box-shadow: inset 0 1px 4px 0 rgb(119 122 175 / 40%),
+    inset 0 1px 1px 0 rgb(119 122 175 / 40%), 0 1px 0 0 rgb(35 38 59 / 5%);
   z-index: 1;
 }
 
diff --git a/examples/react/ssr/.eslintrc.js b/examples/react/ssr/.eslintrc.js
index 833008c7ac..a2fc399560 100644
--- a/examples/react/ssr/.eslintrc.js
+++ b/examples/react/ssr/.eslintrc.js
@@ -1,6 +1,6 @@
 module.exports = {
   rules: {
     // this example is using CJS
-    'no-restricted-imports': 'off'
-  }
-}
+    'no-restricted-imports': 'off',
+  },
+};
diff --git a/examples/vue/default-theme/public/index.html b/examples/vue/default-theme/public/index.html
index b53390f55e..d1d0966a28 100644
--- a/examples/vue/default-theme/public/index.html
+++ b/examples/vue/default-theme/public/index.html
@@ -1,23 +1,25 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <title>default-theme</title>
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.4.5/themes/algolia.min.css"
+    />
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <title>default-theme</title>
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.4.5/themes/algolia.min.css">
-
-</head>
-
-<body>
-  <noscript>
-    <strong>We're sorry but default-theme doesn't work properly without JavaScript enabled. Please enable it to
-      continue.</strong>
-  </noscript>
-  <div id="app"></div>
-  <!-- built files will be auto injected -->
-</body>
-
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but default-theme doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
 </html>
diff --git a/examples/vue/e-commerce/src/App.vue b/examples/vue/e-commerce/src/App.vue
index 9e4cd34735..f2cc367476 100644
--- a/examples/vue/e-commerce/src/App.vue
+++ b/examples/vue/e-commerce/src/App.vue
@@ -331,11 +331,7 @@
               >
                 <ul class="ais-Pagination-list">
                   <li
-                    class="
-                      ais-Pagination-item
-                      ais-Pagination-item--previousPage
-                      ais-Pagination-item--disabled
-                    "
+                    class="ais-Pagination-item ais-Pagination-item--previousPage ais-Pagination-item--disabled"
                     v-if="isFirstPage"
                   >
                     <span class="ais-Pagination-link">
@@ -360,9 +356,7 @@
                   </li>
 
                   <li
-                    class="
-                      ais-Pagination-item ais-Pagination-item--previousPage
-                    "
+                    class="ais-Pagination-item ais-Pagination-item--previousPage"
                     v-if="!isFirstPage"
                   >
                     <a
@@ -443,11 +437,7 @@
                   </li>
 
                   <li
-                    class="
-                      ais-Pagination-item
-                      ais-Pagination-item--nextPage
-                      ais-Pagination-item--disabled
-                    "
+                    class="ais-Pagination-item ais-Pagination-item--nextPage ais-Pagination-item--disabled"
                     v-if="isLastPage"
                   >
                     <span class="ais-Pagination-link">
diff --git a/examples/vue/e-commerce/src/widgets/PriceSlider.css b/examples/vue/e-commerce/src/widgets/PriceSlider.css
index 288e2eec39..c8a5d92b08 100644
--- a/examples/vue/e-commerce/src/widgets/PriceSlider.css
+++ b/examples/vue/e-commerce/src/widgets/PriceSlider.css
@@ -55,4 +55,4 @@
     height: 24px !important;
     width: 24px !important;
   }
-}
\ No newline at end of file
+}
diff --git a/examples/vue/media/public/index.html b/examples/vue/media/public/index.html
index 251bef5f4d..5b3c53d619 100644
--- a/examples/vue/media/public/index.html
+++ b/examples/vue/media/public/index.html
@@ -1,23 +1,33 @@
 <!DOCTYPE html>
 <html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"
+    />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.1.0/themes/algolia-min.css"
+    />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <title>media</title>
+  </head>
 
-<head>
-  <meta charset="utf-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width,initial-scale=1.0">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/bootstrap/3.3.5/css/bootstrap.min.css">
-  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.1.0/themes/algolia-min.css">
-  <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-  <title>media</title>
-</head>
-
-<body>
-  <noscript>
-    <strong>We're sorry but media doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
-  </noscript>
-  <div id="app"></div>
-  <!-- built files will be auto injected -->
-</body>
-
+  <body>
+    <noscript>
+      <strong
+        >We're sorry but media doesn't work properly without JavaScript enabled.
+        Please enable it to continue.</strong
+      >
+    </noscript>
+    <div id="app"></div>
+    <!-- built files will be auto injected -->
+  </body>
 </html>
diff --git a/examples/vue/nuxt/pages/README.md b/examples/vue/nuxt/pages/README.md
index 7a6cffa654..73dd4a26b7 100644
--- a/examples/vue/nuxt/pages/README.md
+++ b/examples/vue/nuxt/pages/README.md
@@ -1,6 +1,5 @@
 # PAGES
 
-This directory contains your Application Views and Routes.
-The framework reads all the `*.vue` files inside this directory and create the router of your application.
+This directory contains your Application Views and Routes. The framework reads all the `*.vue` files inside this directory and create the router of your application.
 
 More information about the usage of this directory in [the documentation](https://nuxtjs.org/guide/routing).
diff --git a/examples/vue/nuxt/static/README.md b/examples/vue/nuxt/static/README.md
index 3fc5002348..dee0efb5ea 100644
--- a/examples/vue/nuxt/static/README.md
+++ b/examples/vue/nuxt/static/README.md
@@ -2,8 +2,7 @@
 
 **This directory is not required, you can delete it if you don't want to use it.**
 
-This directory contains your static files.
-Each file inside this directory is mapped to `/`.
+This directory contains your static files. Each file inside this directory is mapped to `/`.
 
 Example: `/static/robots.txt` is mapped as `/robots.txt`.
 
diff --git a/examples/vue/ssr/public/index.html b/examples/vue/ssr/public/index.html
index ad354037be..e7a9c0af5c 100644
--- a/examples/vue/ssr/public/index.html
+++ b/examples/vue/ssr/public/index.html
@@ -1,11 +1,14 @@
 <!DOCTYPE html>
 <html>
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.ico">
-    <link rel="stylesheet" href="https://unpkg.com/instantsearch.css@7.1.0/themes/algolia-min.css">
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.ico" />
+    <link
+      rel="stylesheet"
+      href="https://unpkg.com/instantsearch.css@7.1.0/themes/algolia-min.css"
+    />
     <title>{{ title }}</title>
     {{{ renderResourceHints() }}}
     {{{ renderStyles() }}}
diff --git a/package.json b/package.json
index c487b9c0a3..3ff1a87cb1 100644
--- a/package.json
+++ b/package.json
@@ -123,7 +123,7 @@
     "lerna": "6.0.3",
     "patch-package": "6.2.2",
     "places.js": "1.17.1",
-    "prettier": "2.4.1",
+    "prettier": "^2.4.1",
     "prop-types": "15.6.2",
     "react": "18.1.0",
     "react-dom": "18.1.0",
diff --git a/packages/algoliasearch-helper/README.md b/packages/algoliasearch-helper/README.md
index 61a99dc331..4e35999d8e 100644
--- a/packages/algoliasearch-helper/README.md
+++ b/packages/algoliasearch-helper/README.md
@@ -24,7 +24,6 @@ This module is the companion of the [algolia/algoliasearch-client-javascript](ht
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Features](#features)
 - [Examples](#examples)
   - [Vanilla JavaScript](#vanilla-javascript)
@@ -150,11 +149,11 @@ var helper = algoliasearchHelper(client, 'indexName' /*, parameters*/);
 
 ### Helper lifecycle
 
-1. modify the parameters of the search (usually through user interactions)<br/> ` helper.setQuery('iphone').addFacetRefinement('category', 'phone') `
+1. modify the parameters of the search (usually through user interactions)<br/> `helper.setQuery('iphone').addFacetRefinement('category', 'phone')`
 
-2. trigger the search (after all the modification have been applied)<br/> ` helper.search() `
+2. trigger the search (after all the modification have been applied)<br/> `helper.search()`
 
-3. read the results (with the event "result" handler) and update the UI with the results<br/> ` helper.on('result', function(event) { updateUI(event.results); }); `
+3. read the results (with the event "result" handler) and update the UI with the results<br/> `helper.on('result', function(event) { updateUI(event.results); });`
 
 4. go back to 1
 
diff --git a/packages/algoliasearch-helper/index.html b/packages/algoliasearch-helper/index.html
index cb257988a5..577a9cfe42 100644
--- a/packages/algoliasearch-helper/index.html
+++ b/packages/algoliasearch-helper/index.html
@@ -39,8 +39,7 @@ <h2>Play with the examples locally</h2>
         <li>
           Checkout the project with
           <span class="code"
-            >git clone
-            https://github.com/algolia/instantsearch.git</span
+            >git clone https://github.com/algolia/instantsearch.git</span
           >
         </li>
         <li>In your command line, do <span class="code">npm install</span></li>
diff --git a/packages/create-instantsearch-app/README.md b/packages/create-instantsearch-app/README.md
index ceada38276..2992828ddf 100644
--- a/packages/create-instantsearch-app/README.md
+++ b/packages/create-instantsearch-app/README.md
@@ -16,7 +16,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Get started](#get-started)
 - [Usage](#usage)
 - [API](#api)
diff --git a/packages/create-instantsearch-app/docs/custom-templates.md b/packages/create-instantsearch-app/docs/custom-templates.md
index 52db6a7bab..9c064753b5 100644
--- a/packages/create-instantsearch-app/docs/custom-templates.md
+++ b/packages/create-instantsearch-app/docs/custom-templates.md
@@ -8,7 +8,6 @@ Besides all the InstantSearch templates provided, the Create InstantSearch API e
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Defining the template](#defining-the-template)
   - [`libraryName`](#libraryname)
   - [`tasks`](#tasks)
diff --git a/packages/create-instantsearch-app/docs/deploy.md b/packages/create-instantsearch-app/docs/deploy.md
index 3190b352bf..ec3366d3c2 100644
--- a/packages/create-instantsearch-app/docs/deploy.md
+++ b/packages/create-instantsearch-app/docs/deploy.md
@@ -10,7 +10,6 @@ Your app can be deployed in a single command, assuming you're located in its fol
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [CodeSandbox](#codesandbox)
 - [Surge](#surge)
 - [Vercel](#vercel)
diff --git a/packages/create-instantsearch-app/e2e/__snapshots__/templates.test.js.snap b/packages/create-instantsearch-app/e2e/__snapshots__/templates.test.js.snap
index cebc4b1505..08eaaf8096 100644
--- a/packages/create-instantsearch-app/e2e/__snapshots__/templates.test.js.snap
+++ b/packages/create-instantsearch-app/e2e/__snapshots__/templates.test.js.snap
@@ -96,13 +96,8 @@ exports[`Templates Angular InstantSearch File content: angular.json 1`] = `
             \\"main\\": \\"src/main.ts\\",
             \\"polyfills\\": \\"src/polyfills.ts\\",
             \\"tsConfig\\": \\"tsconfig.app.json\\",
-            \\"assets\\": [
-              \\"src/favicon.ico\\",
-              \\"src/assets\\"
-            ],
-            \\"styles\\": [
-              \\"src/styles.css\\"
-            ],
+            \\"assets\\": [\\"src/favicon.ico\\", \\"src/assets\\"],
+            \\"styles\\": [\\"src/styles.css\\"],
             \\"scripts\\": []
           },
           \\"configurations\\": {
@@ -163,10 +158,7 @@ exports[`Templates Angular InstantSearch File content: angular.json 1`] = `
             \\"polyfills\\": \\"src/polyfills.ts\\",
             \\"tsConfig\\": \\"tsconfig.spec.json\\",
             \\"karmaConfig\\": \\"karma.conf.js\\",
-            \\"assets\\": [
-              \\"src/favicon.ico\\",
-              \\"src/assets\\"
-            ],
+            \\"assets\\": [\\"src/favicon.ico\\", \\"src/assets\\"],
             \\"styles\\": [
               \\"node_modules/instantsearch.css/themes/satellite.css\\",
               \\"src/styles.css\\"
@@ -194,7 +186,7 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
       jasmine: {
@@ -203,18 +195,15 @@ module.exports = function (config) {
         // for example, you can disable the random execution with \`random: false\`
         // or set a specific seed with \`seed: 4321\`
       },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
+      suppressAll: true, // removes the duplicated traces
     },
     coverageReporter: {
       dir: require('path').join(__dirname, './coverage/angular-instantsearch-app'),
       subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
+      reporters: [{ type: 'html' }, { type: 'text-summary' }],
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -223,7 +212,7 @@ module.exports = function (config) {
     autoWatch: true,
     browsers: ['Chrome'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };"
 `;
@@ -371,15 +360,12 @@ exports[`Templates Angular InstantSearch File content: src/app/app.component.ts
 "import { Component } from '@angular/core';
 import algoliasearch from 'algoliasearch/lite';
 
-const searchClient = algoliasearch(
-  'appId',
-  'apiKey'
-);
+const searchClient = algoliasearch('appId', 'apiKey');
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
   config = {
@@ -397,24 +383,19 @@ import { NgAisModule } from 'angular-instantsearch';
 import { AppComponent } from './app.component';
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    NgAisModule.forRoot(),
-    BrowserModule
-  ],
+  declarations: [AppComponent],
+  imports: [NgAisModule.forRoot(), BrowserModule],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }"
+export class AppModule {}"
 `;
 
 exports[`Templates Angular InstantSearch File content: src/assets/.gitkeep 1`] = `""`;
 
 exports[`Templates Angular InstantSearch File content: src/environments/environment.prod.ts 1`] = `
 "export const environment = {
-  production: true
+  production: true,
 };"
 `;
 
@@ -424,7 +405,7 @@ exports[`Templates Angular InstantSearch File content: src/environments/environm
 // The list of file replacements can be found in \`angular.json\`.
 
 export const environment = {
-  production: false
+  production: false,
 };
 
 /*
@@ -438,19 +419,22 @@ export const environment = {
 `;
 
 exports[`Templates Angular InstantSearch File content: src/index.html 1`] = `
-"<!doctype html>
+"<!DOCTYPE html>
 <html lang=\\"en\\">
-<head>
-  <meta charset=\\"utf-8\\">
-  <title>angular-instantsearch-app</title>
-  <base href=\\"/\\">
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\">
-  <link rel=\\"icon\\" type=\\"image/x-icon\\" href=\\"favicon.ico\\">
-  <link href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite.css\\" rel=\\"stylesheet\\" />
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset=\\"utf-8\\" />
+    <title>angular-instantsearch-app</title>
+    <base href=\\"/\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1\\" />
+    <link rel=\\"icon\\" type=\\"image/x-icon\\" href=\\"favicon.ico\\" />
+    <link
+      href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite.css\\"
+      rel=\\"stylesheet\\"
+    />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>"
 `;
 
@@ -465,8 +449,9 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));"
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));"
 `;
 
 exports[`Templates Angular InstantSearch File content: src/polyfills.ts 1`] = `
@@ -529,8 +514,7 @@ exports[`Templates Angular InstantSearch File content: src/polyfills.ts 1`] = `
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js';  // Included with Angular CLI.
-
+import 'zone.js'; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS
@@ -562,11 +546,15 @@ import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
+  platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
 declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
     keys(): string[];
     <T>(id: string): T;
   };
@@ -576,7 +564,7 @@ declare const require: {
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting(),
-  { teardown: { destroyAfterEach: true }},
+  { teardown: { destroyAfterEach: true } }
 );
 
 // Then we find all the tests.
@@ -2103,51 +2091,51 @@ class AppDelegate: UIResponder, UIApplicationDelegate {
 
 exports[`Templates InstantSearch iOS File content: App/Assets.xcassets/AppIcon.appiconset/Contents.json 1`] = `
 "{
-  \\"images\\" : [
+  \\"images\\": [
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"20x20\\",
-      \\"scale\\" : \\"2x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"20x20\\",
+      \\"scale\\": \\"2x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"20x20\\",
-      \\"scale\\" : \\"3x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"20x20\\",
+      \\"scale\\": \\"3x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"29x29\\",
-      \\"scale\\" : \\"2x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"29x29\\",
+      \\"scale\\": \\"2x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"29x29\\",
-      \\"scale\\" : \\"3x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"29x29\\",
+      \\"scale\\": \\"3x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"40x40\\",
-      \\"scale\\" : \\"2x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"40x40\\",
+      \\"scale\\": \\"2x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"40x40\\",
-      \\"scale\\" : \\"3x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"40x40\\",
+      \\"scale\\": \\"3x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"60x60\\",
-      \\"scale\\" : \\"2x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"60x60\\",
+      \\"scale\\": \\"2x\\"
     },
     {
-      \\"idiom\\" : \\"iphone\\",
-      \\"size\\" : \\"60x60\\",
-      \\"scale\\" : \\"3x\\"
+      \\"idiom\\": \\"iphone\\",
+      \\"size\\": \\"60x60\\",
+      \\"scale\\": \\"3x\\"
     }
   ],
-  \\"info\\" : {
-    \\"version\\" : 1,
-    \\"author\\" : \\"xcode\\"
+  \\"info\\": {
+    \\"version\\": 1,
+    \\"author\\": \\"xcode\\"
   }
 }"
 `;
@@ -3055,7 +3043,7 @@ exports[`Templates InstantSearch.js widget File content: config/api-extractor.js
 "/**
  * Config file for API Extractor.  For more info, please visit: https://api-extractor.com
  */
- {
+{
   \\"$schema\\": \\"https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json\\",
 
   /**
@@ -3426,7 +3414,7 @@ exports[`Templates InstantSearch.js widget File content: example/index.css 1`] =
   font-family: sans-serif;
 }
 
-[class^=ais-] {
+[class^='ais-'] {
   font-size: 1em;
 }"
 `;
@@ -3434,20 +3422,23 @@ exports[`Templates InstantSearch.js widget File content: example/index.css 1`] =
 exports[`Templates InstantSearch.js widget File content: example/index.html 1`] = `
 "<!DOCTYPE html>
 <html lang=\\"en\\">
-<head>
-  <meta charset=\\"UTF-8\\">
-  <meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\">
-  <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\">
-  <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css\\">
-  <link rel=\\"stylesheet\\" href=\\"style.css\\">
-  <title>date-picker example</title>
-</head>
-<body>
-  <div id=\\"search-box\\"></div>
-  <div id=\\"example\\"></div>
-  <div id=\\"hits\\"></div>
-  <script src=\\"index.ts\\"></script>
-</body>
+  <head>
+    <meta charset=\\"UTF-8\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
+    <link
+      rel=\\"stylesheet\\"
+      href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css\\"
+    />
+    <link rel=\\"stylesheet\\" href=\\"style.css\\" />
+    <title>date-picker example</title>
+  </head>
+  <body>
+    <div id=\\"search-box\\"></div>
+    <div id=\\"example\\"></div>
+    <div id=\\"hits\\"></div>
+    <script src=\\"index.ts\\"></script>
+  </body>
 </html>"
 `;
 
@@ -4623,7 +4614,7 @@ exports[`Templates React InstantSearch File content: index.html 1`] = `
       content=\\"width=device-width, initial-scale=1, shrink-to-fit=no\\"
     />
 
-    <link rel=\\"shortcut icon\\" href=\\"favicon.png\\">
+    <link rel=\\"shortcut icon\\" href=\\"favicon.png\\" />
 
     <!--
     Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
@@ -5019,7 +5010,7 @@ exports[`Templates React InstantSearch Native File content: app.json 1`] = `
 `;
 
 exports[`Templates React InstantSearch Native File content: babel.config.js 1`] = `
-"module.exports = function(api) {
+"module.exports = function (api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
@@ -5153,8 +5144,8 @@ export const InfiniteHits = forwardRef(
     return (
       <FlatList
         ref={ref}
-        data={(hits as unknown) as THit[]}
-        keyExtractor={item => item.objectID}
+        data={hits as unknown as THit[]}
+        keyExtractor={(item) => item.objectID}
         ItemSeparatorComponent={() => <View style={styles.separator} />}
         onEndReached={() => {
           if (!isLastPage) {
@@ -5163,7 +5154,7 @@ export const InfiniteHits = forwardRef(
         }}
         renderItem={({ item }) => (
           <View style={styles.item}>
-            <Hit hit={(item as unknown) as THit} />
+            <Hit hit={item as unknown as THit} />
           </View>
         )}
       />
@@ -5436,20 +5427,26 @@ exports[`Templates Vue InstantSearch File content: public/index.html 1`] = `
 "<!DOCTYPE html>
 <html lang=\\"en\\">
   <head>
-    <meta charset=\\"utf-8\\">
-    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\">
-    <meta name=\\"viewport\\" content=\\"width=device-width,initial-scale=1.0\\">
-    <link rel=\\"icon\\" href=\\"<%= BASE_URL %>favicon.png\\">
-     <!--
+    <meta charset=\\"utf-8\\" />
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"IE=edge\\" />
+    <meta name=\\"viewport\\" content=\\"width=device-width,initial-scale=1.0\\" />
+    <link rel=\\"icon\\" href=\\"<%= BASE_URL %>favicon.png\\" />
+    <!--
       Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
       https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
     -->
-    <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css\\">
+    <link
+      rel=\\"stylesheet\\"
+      href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css\\"
+    />
     <title>vue-instantsearch-app</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but vue-instantsearch-app doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but vue-instantsearch-app doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
     <div id=\\"app\\"></div>
     <!-- built files will be auto injected -->
@@ -5710,14 +5707,17 @@ exports[`Templates Vue InstantSearch with Vue 3 File content: index.html 1`] = `
 <html lang=\\"en\\">
   <head>
     <meta charset=\\"UTF-8\\" />
-    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\">
+    <meta http-equiv=\\"X-UA-Compatible\\" content=\\"ie=edge\\" />
     <meta name=\\"viewport\\" content=\\"width=device-width, initial-scale=1.0\\" />
     <link rel=\\"icon\\" href=\\"/favicon.png\\" />
     <!--
       Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
       https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
     -->
-    <link rel=\\"stylesheet\\" href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css\\">
+    <link
+      rel=\\"stylesheet\\"
+      href=\\"https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css\\"
+    />
     <title>vue-instantsearch-app</title>
   </head>
   <body>
diff --git a/packages/create-instantsearch-app/package.json b/packages/create-instantsearch-app/package.json
index e84ded5f79..aeec7820a7 100644
--- a/packages/create-instantsearch-app/package.json
+++ b/packages/create-instantsearch-app/package.json
@@ -44,7 +44,7 @@
     "lodash.camelcase": "4.3.0",
     "metalsmith": "2.5.1",
     "metalsmith-rename": "1.0.0",
-    "prettier": "1.19.1",
+    "prettier": "^2.4.1",
     "semver": "6.1.1",
     "validate-npm-package-name": "3.0.0"
   },
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/angular.json b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/angular.json
index 34bddd5344..0383107620 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/angular.json	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/angular.json	
@@ -22,13 +22,8 @@
             "main": "src/main.ts",
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.app.json",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
-            "styles": [
-              "src/styles.css"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
+            "styles": ["src/styles.css"],
             "scripts": []
           },
           "configurations": {
@@ -89,10 +84,7 @@
             "polyfills": "src/polyfills.ts",
             "tsConfig": "tsconfig.spec.json",
             "karmaConfig": "karma.conf.js",
-            "assets": [
-              "src/favicon.ico",
-              "src/assets"
-            ],
+            "assets": ["src/favicon.ico", "src/assets"],
             "styles": [
               "node_modules/instantsearch.css/themes/satellite.css",
               "src/styles.css"
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/karma.conf.js b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/karma.conf.js
index 791d8aae10..3b1ab67d83 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/karma.conf.js	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/karma.conf.js	
@@ -10,7 +10,7 @@ module.exports = function (config) {
       require('karma-chrome-launcher'),
       require('karma-jasmine-html-reporter'),
       require('karma-coverage'),
-      require('@angular-devkit/build-angular/plugins/karma')
+      require('@angular-devkit/build-angular/plugins/karma'),
     ],
     client: {
       jasmine: {
@@ -19,18 +19,15 @@ module.exports = function (config) {
         // for example, you can disable the random execution with `random: false`
         // or set a specific seed with `seed: 4321`
       },
-      clearContext: false // leave Jasmine Spec Runner output visible in browser
+      clearContext: false, // leave Jasmine Spec Runner output visible in browser
     },
     jasmineHtmlReporter: {
-      suppressAll: true // removes the duplicated traces
+      suppressAll: true, // removes the duplicated traces
     },
     coverageReporter: {
       dir: require('path').join(__dirname, './coverage/{{name}}'),
       subdir: '.',
-      reporters: [
-        { type: 'html' },
-        { type: 'text-summary' }
-      ]
+      reporters: [{ type: 'html' }, { type: 'text-summary' }],
     },
     reporters: ['progress', 'kjhtml'],
     port: 9876,
@@ -39,6 +36,6 @@ module.exports = function (config) {
     autoWatch: true,
     browsers: ['Chrome'],
     singleRun: false,
-    restartOnFileChange: true
+    restartOnFileChange: true,
   });
 };
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.component.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.component.ts
index 30d340ae91..339c221903 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.component.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.component.ts	
@@ -1,15 +1,12 @@
 import { Component } from '@angular/core';
 import algoliasearch from 'algoliasearch/lite';
 
-const searchClient = algoliasearch(
-  '{{appId}}',
-  '{{apiKey}}'
-);
+const searchClient = algoliasearch('{{appId}}', '{{apiKey}}');
 
 @Component({
   selector: 'app-root',
   templateUrl: './app.component.html',
-  styleUrls: ['./app.component.css']
+  styleUrls: ['./app.component.css'],
 })
 export class AppComponent {
   config = {
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.module.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.module.ts
index 405e2790f0..7320476bec 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.module.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/app/app.module.ts	
@@ -5,14 +5,9 @@ import { NgAisModule } from 'angular-instantsearch';
 import { AppComponent } from './app.component';
 
 @NgModule({
-  declarations: [
-    AppComponent
-  ],
-  imports: [
-    NgAisModule.forRoot(),
-    BrowserModule
-  ],
+  declarations: [AppComponent],
+  imports: [NgAisModule.forRoot(), BrowserModule],
   providers: [],
-  bootstrap: [AppComponent]
+  bootstrap: [AppComponent],
 })
-export class AppModule { }
+export class AppModule {}
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.prod.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.prod.ts
index 3612073bc3..c9669790be 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.prod.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.prod.ts	
@@ -1,3 +1,3 @@
 export const environment = {
-  production: true
+  production: true,
 };
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.ts
index f56ff47022..66998ae9a7 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/environments/environment.ts	
@@ -3,7 +3,7 @@
 // The list of file replacements can be found in `angular.json`.
 
 export const environment = {
-  production: false
+  production: false,
 };
 
 /*
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/index.html b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/index.html
index 2d9299dc00..b0101b19ee 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/index.html	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/index.html	
@@ -1,14 +1,17 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>{{name}}</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite.css" rel="stylesheet" />
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>{{name}}</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link
+      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite.css"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/main.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/main.ts
index c7b673cf44..d9a2e7e4a5 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/main.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/main.ts	
@@ -8,5 +8,6 @@ if (environment.production) {
   enableProdMode();
 }
 
-platformBrowserDynamic().bootstrapModule(AppModule)
-  .catch(err => console.error(err));
+platformBrowserDynamic()
+  .bootstrapModule(AppModule)
+  .catch((err) => console.error(err));
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/polyfills.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/polyfills.ts
index 0a9a976f84..d7935d9e63 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/polyfills.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/polyfills.ts	
@@ -57,8 +57,7 @@
 /***************************************************************************************************
  * Zone JS is required by default for Angular itself.
  */
-import 'zone.js';  // Included with Angular CLI.
-
+import 'zone.js'; // Included with Angular CLI.
 
 /***************************************************************************************************
  * APPLICATION IMPORTS
diff --git a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/test.ts b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/test.ts
index b4dd6032fa..6969a3e7a7 100644
--- a/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/test.ts	
+++ b/packages/create-instantsearch-app/src/templates/Angular InstantSearch/src/test.ts	
@@ -4,11 +4,15 @@ import 'zone.js/testing';
 import { getTestBed } from '@angular/core/testing';
 import {
   BrowserDynamicTestingModule,
-  platformBrowserDynamicTesting
+  platformBrowserDynamicTesting,
 } from '@angular/platform-browser-dynamic/testing';
 
 declare const require: {
-  context(path: string, deep?: boolean, filter?: RegExp): {
+  context(
+    path: string,
+    deep?: boolean,
+    filter?: RegExp
+  ): {
     keys(): string[];
     <T>(id: string): T;
   };
@@ -18,7 +22,7 @@ declare const require: {
 getTestBed().initTestEnvironment(
   BrowserDynamicTestingModule,
   platformBrowserDynamicTesting(),
-  { teardown: { destroyAfterEach: true }},
+  { teardown: { destroyAfterEach: true } }
 );
 
 // Then we find all the tests.
diff --git a/packages/create-instantsearch-app/src/templates/InstantSearch iOS/App/Assets.xcassets/AppIcon.appiconset/Contents.json b/packages/create-instantsearch-app/src/templates/InstantSearch iOS/App/Assets.xcassets/AppIcon.appiconset/Contents.json
index b8236c6534..52e440d75f 100755
--- a/packages/create-instantsearch-app/src/templates/InstantSearch iOS/App/Assets.xcassets/AppIcon.appiconset/Contents.json	
+++ b/packages/create-instantsearch-app/src/templates/InstantSearch iOS/App/Assets.xcassets/AppIcon.appiconset/Contents.json	
@@ -1,48 +1,48 @@
 {
-  "images" : [
+  "images": [
     {
-      "idiom" : "iphone",
-      "size" : "20x20",
-      "scale" : "2x"
+      "idiom": "iphone",
+      "size": "20x20",
+      "scale": "2x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "20x20",
-      "scale" : "3x"
+      "idiom": "iphone",
+      "size": "20x20",
+      "scale": "3x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "29x29",
-      "scale" : "2x"
+      "idiom": "iphone",
+      "size": "29x29",
+      "scale": "2x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "29x29",
-      "scale" : "3x"
+      "idiom": "iphone",
+      "size": "29x29",
+      "scale": "3x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "40x40",
-      "scale" : "2x"
+      "idiom": "iphone",
+      "size": "40x40",
+      "scale": "2x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "40x40",
-      "scale" : "3x"
+      "idiom": "iphone",
+      "size": "40x40",
+      "scale": "3x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "60x60",
-      "scale" : "2x"
+      "idiom": "iphone",
+      "size": "60x60",
+      "scale": "2x"
     },
     {
-      "idiom" : "iphone",
-      "size" : "60x60",
-      "scale" : "3x"
+      "idiom": "iphone",
+      "size": "60x60",
+      "scale": "3x"
     }
   ],
-  "info" : {
-    "version" : 1,
-    "author" : "xcode"
+  "info": {
+    "version": 1,
+    "author": "xcode"
   }
-}
\ No newline at end of file
+}
diff --git a/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/config/api-extractor.json b/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/config/api-extractor.json
index 4014673c45..2b9ea14b2f 100644
--- a/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/config/api-extractor.json	
+++ b/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/config/api-extractor.json	
@@ -1,7 +1,7 @@
 /**
  * Config file for API Extractor.  For more info, please visit: https://api-extractor.com
  */
- {
+{
   "$schema": "https://developer.microsoft.com/json-schemas/api-extractor/v7/api-extractor.schema.json",
 
   /**
diff --git a/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.css b/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.css
index 577ebf8549..f473abf243 100644
--- a/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.css	
+++ b/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.css	
@@ -2,6 +2,6 @@ body {
   font-family: sans-serif;
 }
 
-[class^=ais-] {
+[class^='ais-'] {
   font-size: 1em;
 }
diff --git a/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.html b/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.html
index 556a208d9c..e4b941e5b7 100644
--- a/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.html	
+++ b/packages/create-instantsearch-app/src/templates/InstantSearch.js widget/example/index.html	
@@ -1,17 +1,20 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="UTF-8">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css">
-  <link rel="stylesheet" href="style.css">
-  <title>{{ name }} example</title>
-</head>
-<body>
-  <div id="search-box"></div>
-  <div id="example"></div>
-  <div id="hits"></div>
-  <script src="index.ts"></script>
-</body>
+  <head>
+    <meta charset="UTF-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/algolia-min.css"
+    />
+    <link rel="stylesheet" href="style.css" />
+    <title>{{ name }} example</title>
+  </head>
+  <body>
+    <div id="search-box"></div>
+    <div id="example"></div>
+    <div id="hits"></div>
+    <script src="index.ts"></script>
+  </body>
 </html>
diff --git a/packages/create-instantsearch-app/src/templates/JavaScript Client/package.json b/packages/create-instantsearch-app/src/templates/JavaScript Client/package.json.hbs
similarity index 100%
rename from packages/create-instantsearch-app/src/templates/JavaScript Client/package.json
rename to packages/create-instantsearch-app/src/templates/JavaScript Client/package.json.hbs
diff --git a/packages/create-instantsearch-app/src/templates/React InstantSearch Native/babel.config.js b/packages/create-instantsearch-app/src/templates/React InstantSearch Native/babel.config.js
index 2900afe9d8..9d89e13119 100644
--- a/packages/create-instantsearch-app/src/templates/React InstantSearch Native/babel.config.js	
+++ b/packages/create-instantsearch-app/src/templates/React InstantSearch Native/babel.config.js	
@@ -1,4 +1,4 @@
-module.exports = function(api) {
+module.exports = function (api) {
   api.cache(true);
   return {
     presets: ['babel-preset-expo'],
diff --git a/packages/create-instantsearch-app/src/templates/React InstantSearch Native/package.json b/packages/create-instantsearch-app/src/templates/React InstantSearch Native/package.json.hbs
similarity index 100%
rename from packages/create-instantsearch-app/src/templates/React InstantSearch Native/package.json
rename to packages/create-instantsearch-app/src/templates/React InstantSearch Native/package.json.hbs
diff --git a/packages/create-instantsearch-app/src/templates/React InstantSearch Native/src/InfiniteHits.tsx b/packages/create-instantsearch-app/src/templates/React InstantSearch Native/src/InfiniteHits.tsx
index 54f9099467..b9648c08b2 100644
--- a/packages/create-instantsearch-app/src/templates/React InstantSearch Native/src/InfiniteHits.tsx	
+++ b/packages/create-instantsearch-app/src/templates/React InstantSearch Native/src/InfiniteHits.tsx	
@@ -20,8 +20,8 @@ export const InfiniteHits = forwardRef(
     return (
       <FlatList
         ref={ref}
-        data={(hits as unknown) as THit[]}
-        keyExtractor={item => item.objectID}
+        data={hits as unknown as THit[]}
+        keyExtractor={(item) => item.objectID}
         ItemSeparatorComponent={() => <View style={styles.separator} />}
         onEndReached={() => {
           if (!isLastPage) {
@@ -30,7 +30,7 @@ export const InfiniteHits = forwardRef(
         }}
         renderItem={({ item }) => (
           <View style={styles.item}>
-            <Hit hit={(item as unknown) as THit} />
+            <Hit hit={item as unknown as THit} />
           </View>
         )}
       />
diff --git a/packages/create-instantsearch-app/src/templates/React InstantSearch/index.html b/packages/create-instantsearch-app/src/templates/React InstantSearch/index.html
index eb53aa0737..dbd850426b 100644
--- a/packages/create-instantsearch-app/src/templates/React InstantSearch/index.html	
+++ b/packages/create-instantsearch-app/src/templates/React InstantSearch/index.html	
@@ -7,7 +7,7 @@
       content="width=device-width, initial-scale=1, shrink-to-fit=no"
     />
 
-    <link rel="shortcut icon" href="favicon.png">
+    <link rel="shortcut icon" href="favicon.png" />
 
     <!--
     Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
diff --git a/packages/create-instantsearch-app/src/templates/Vue InstantSearch with Vue 3/index.html b/packages/create-instantsearch-app/src/templates/Vue InstantSearch with Vue 3/index.html
index bd11cfdc8a..a38d252bce 100644
--- a/packages/create-instantsearch-app/src/templates/Vue InstantSearch with Vue 3/index.html	
+++ b/packages/create-instantsearch-app/src/templates/Vue InstantSearch with Vue 3/index.html	
@@ -2,14 +2,17 @@
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
-    <meta http-equiv="X-UA-Compatible" content="ie=edge">
+    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <link rel="icon" href="/favicon.png" />
     <!--
       Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
       https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
     -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css">
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css"
+    />
     <title>{{name}}</title>
   </head>
   <body>
diff --git a/packages/create-instantsearch-app/src/templates/Vue InstantSearch/public/index.html b/packages/create-instantsearch-app/src/templates/Vue InstantSearch/public/index.html
index 7a05d97585..c62ca05af1 100644
--- a/packages/create-instantsearch-app/src/templates/Vue InstantSearch/public/index.html	
+++ b/packages/create-instantsearch-app/src/templates/Vue InstantSearch/public/index.html	
@@ -1,20 +1,26 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <meta charset="utf-8">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width,initial-scale=1.0">
-    <link rel="icon" href="<%= BASE_URL %>favicon.png">
-     <!--
+    <meta charset="utf-8" />
+    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+    <meta name="viewport" content="width=device-width,initial-scale=1.0" />
+    <link rel="icon" href="<%= BASE_URL %>favicon.png" />
+    <!--
       Do not use @7 in production, use a complete version like x.x.x, see website for latest version:
       https://www.algolia.com/doc/guides/building-search-ui/installation/react/#load-the-style
     -->
-    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css">
+    <link
+      rel="stylesheet"
+      href="https://cdn.jsdelivr.net/npm/instantsearch.css@7/themes/satellite-min.css"
+    />
     <title>{{name}}</title>
   </head>
   <body>
     <noscript>
-      <strong>We're sorry but {{name}} doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
+      <strong
+        >We're sorry but {{name}} doesn't work properly without JavaScript
+        enabled. Please enable it to continue.</strong
+      >
     </noscript>
     <div id="app"></div>
     <!-- built files will be auto injected -->
diff --git a/packages/create-instantsearch-app/src/templates/Vue InstantSearch/src/main.js b/packages/create-instantsearch-app/src/templates/Vue InstantSearch/src/main.js
index d395c9de9e..28a0758b1b 100644
--- a/packages/create-instantsearch-app/src/templates/Vue InstantSearch/src/main.js	
+++ b/packages/create-instantsearch-app/src/templates/Vue InstantSearch/src/main.js	
@@ -7,5 +7,5 @@ Vue.config.productionTip = false;
 Vue.use(InstantSearch);
 
 new Vue({
-  render: h => h(App),
+  render: (h) => h(App),
 }).$mount('#app');
diff --git a/packages/instantsearch-codemods/README.md b/packages/instantsearch-codemods/README.md
index fc19159db0..27ae97db3e 100644
--- a/packages/instantsearch-codemods/README.md
+++ b/packages/instantsearch-codemods/README.md
@@ -1,6 +1,5 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
-**Table of Contents**  *generated with [DocToc](https://github.com/thlorenz/doctoc)*
 
 - [Codemods](#codemods)
   - [`rish-to-ris`](#rish-to-ris)
diff --git a/packages/instantsearch.css/README.md b/packages/instantsearch.css/README.md
index 1fde27e2d4..44655d6dec 100644
--- a/packages/instantsearch.css/README.md
+++ b/packages/instantsearch.css/README.md
@@ -1,7 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Getting started](#getting-started)
 - [Installation](#installation)
 - [Available themes](#available-themes)
diff --git a/packages/instantsearch.css/src/themes/algolia.scss b/packages/instantsearch.css/src/themes/algolia.scss
index a27d568f6f..106cdbda60 100644
--- a/packages/instantsearch.css/src/themes/algolia.scss
+++ b/packages/instantsearch.css/src/themes/algolia.scss
@@ -343,8 +343,9 @@ a[class^='ais-'] {
   position: relative;
 
   &.ais-Panel--collapsed {
-    .ais-Panel-body, .ais-Panel-footer{
-      display:none;
+    .ais-Panel-body,
+    .ais-Panel-footer {
+      display: none;
     }
   }
 
@@ -489,17 +490,17 @@ a[class^='ais-'] {
   height: 20px;
   position: relative;
   z-index: 1;
-  background: #FFFFFF;
-  border: 1px solid #46AEDA;
+  background: #ffffff;
+  border: 1px solid #46aeda;
   border-radius: 50%;
   cursor: pointer;
 }
 
 .ais-RangeSlider-tooltip {
   position: absolute;
-  background: #FFFFFF;
+  background: #ffffff;
   top: -22px;
-  font-size: .8em;
+  font-size: 0.8em;
 }
 
 .ais-RangeSlider-value {
@@ -508,12 +509,12 @@ a[class^='ais-'] {
   text-align: center;
   margin-left: -20px;
   padding-top: 15px;
-  font-size: .8em;
+  font-size: 0.8em;
 }
 
 .ais-RangeSlider-marker {
   position: absolute;
-  background: #DDD;
+  background: #ddd;
   margin-left: -1px;
   width: 1px;
   height: 5px;
diff --git a/packages/instantsearch.css/src/themes/satellite.scss b/packages/instantsearch.css/src/themes/satellite.scss
index f1fcadf168..b26d637246 100644
--- a/packages/instantsearch.css/src/themes/satellite.scss
+++ b/packages/instantsearch.css/src/themes/satellite.scss
@@ -158,7 +158,9 @@ $break-medium: 767px;
 .ais-InfiniteHits-loadMore:hover,
 .ais-RangeInput-submit:hover,
 .ais-InfiniteHits-loadPrevious:hover,
-.ais-Pagination-item:not(.ais-Pagination-item--selected):not(.ais-Pagination-item--disabled)
+.ais-Pagination-item:not(.ais-Pagination-item--selected):not(
+    .ais-Pagination-item--disabled
+  )
   .ais-Pagination-link:hover,
 .ais-GeoSearch-redo:hover,
 .ais-GeoSearch-reset:hover,
diff --git a/packages/instantsearch.js/.storybook/playgrounds/default.ts b/packages/instantsearch.js/.storybook/playgrounds/default.ts
index e1b1ce8dfd..4e60ac1827 100644
--- a/packages/instantsearch.js/.storybook/playgrounds/default.ts
+++ b/packages/instantsearch.js/.storybook/playgrounds/default.ts
@@ -140,7 +140,7 @@ const instantSearchPlayground: Playground = function instantSearchPlayground({
 
   const insights = instantsearch.middlewares.createInsightsMiddleware({
     insightsClient: null,
-    onEvent: props => {
+    onEvent: (props) => {
       console.log('insights onEvent', props);
     },
   });
diff --git a/packages/instantsearch.js/.storybook/preview-head.html b/packages/instantsearch.js/.storybook/preview-head.html
index 4bf8de6a99..2a9ec4a4ae 100644
--- a/packages/instantsearch.js/.storybook/preview-head.html
+++ b/packages/instantsearch.js/.storybook/preview-head.html
@@ -1,2 +1,5 @@
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/algolia.min.css">
-<link rel="stylesheet" href="storybook.css">
+<link
+  rel="stylesheet"
+  href="https://cdn.jsdelivr.net/npm/instantsearch.css@7.3.1/themes/algolia.min.css"
+/>
+<link rel="stylesheet" href="storybook.css" />
diff --git a/packages/instantsearch.js/.storybook/utils/create-info-box.js b/packages/instantsearch.js/.storybook/utils/create-info-box.js
index c481ef73b3..11d29321f5 100644
--- a/packages/instantsearch.js/.storybook/utils/create-info-box.js
+++ b/packages/instantsearch.js/.storybook/utils/create-info-box.js
@@ -5,7 +5,7 @@
 // The source code is available on GitHub:
 // https://github.com/googlemaps/v3-utility-library/tree/master/infobox
 
-const createInfoBox = googleReference => {
+const createInfoBox = (googleReference) => {
   /**
    * @name InfoBox
    * @version 1.1.13 [March 19, 2014]
@@ -141,7 +141,7 @@ const createInfoBox = googleReference => {
    * Creates the DIV representing the InfoBox.
    * @private
    */
-  InfoBox.prototype.createInfoBoxDiv_ = function() {
+  InfoBox.prototype.createInfoBoxDiv_ = function () {
     let i;
     let events;
     let bw;
@@ -149,7 +149,7 @@ const createInfoBox = googleReference => {
 
     // This handler prevents an event in the InfoBox from being passed on to the map.
     //
-    const cancelHandler = function(e) {
+    const cancelHandler = function (e) {
       e.cancelBubble = true;
       if (e.stopPropagation) {
         e.stopPropagation();
@@ -159,7 +159,7 @@ const createInfoBox = googleReference => {
     // This handler ignores the current event in the InfoBox and conditionally prevents
     // the event from being passed on to the map. It is used for the contextmenu event.
     //
-    const ignoreHandler = function(e) {
+    const ignoreHandler = function (e) {
       e.returnValue = false;
 
       if (e.preventDefault) {
@@ -202,9 +202,9 @@ const createInfoBox = googleReference => {
 
         bw = this.getBoxWidths_();
 
-        this.div_.style.width = `${this.div_.offsetWidth -
-          bw.left -
-          bw.right}px`;
+        this.div_.style.width = `${
+          this.div_.offsetWidth - bw.left - bw.right
+        }px`;
         this.fixedWidthSet_ = false;
       }
 
@@ -244,7 +244,7 @@ const createInfoBox = googleReference => {
           googleReference.maps.event.addDomListener(
             this.div_,
             'mouseover',
-            function(e) {
+            function (e) {
               this.style.cursor = 'default';
             }
           )
@@ -270,7 +270,7 @@ const createInfoBox = googleReference => {
    * Returns the HTML <IMG> tag for the close box.
    * @private
    */
-  InfoBox.prototype.getCloseBoxImg_ = function() {
+  InfoBox.prototype.getCloseBoxImg_ = function () {
     let img = '';
 
     if (this.closeBoxURL_ !== '') {
@@ -291,7 +291,7 @@ const createInfoBox = googleReference => {
    * Adds the click handler to the InfoBox close box.
    * @private
    */
-  InfoBox.prototype.addClickHandler_ = function() {
+  InfoBox.prototype.addClickHandler_ = function () {
     let closeBox;
 
     if (this.closeBoxURL_ !== '') {
@@ -310,10 +310,10 @@ const createInfoBox = googleReference => {
    * Returns the function to call when the user clicks the close box of an InfoBox.
    * @private
    */
-  InfoBox.prototype.getCloseClickHandler_ = function() {
+  InfoBox.prototype.getCloseClickHandler_ = function () {
     const me = this;
 
-    return function(e) {
+    return function (e) {
       // 1.0.3 fix: Always prevent propagation of a close box click to the map:
       e.cancelBubble = true;
 
@@ -336,7 +336,7 @@ const createInfoBox = googleReference => {
    * Pans the map so that the InfoBox appears entirely within the map's visible area.
    * @private
    */
-  InfoBox.prototype.panBox_ = function(disablePan) {
+  InfoBox.prototype.panBox_ = function (disablePan) {
     let map;
     let bounds;
     let xOffset = 0,
@@ -401,7 +401,7 @@ const createInfoBox = googleReference => {
    * other specific styles requested.
    * @private
    */
-  InfoBox.prototype.setBoxStyle_ = function() {
+  InfoBox.prototype.setBoxStyle_ = function () {
     let i, boxStyle;
 
     if (this.div_) {
@@ -430,10 +430,12 @@ const createInfoBox = googleReference => {
         this.div_.style.opacity !== ''
       ) {
         // See http://www.quirksmode.org/css/opacity.html
-        this.div_.style.MsFilter = `"progid:DXImageTransform.Microsoft.Alpha(Opacity=${this
-          .div_.style.opacity * 100})"`;
-        this.div_.style.filter = `alpha(opacity=${this.div_.style.opacity *
-          100})`;
+        this.div_.style.MsFilter = `"progid:DXImageTransform.Microsoft.Alpha(Opacity=${
+          this.div_.style.opacity * 100
+        })"`;
+        this.div_.style.filter = `alpha(opacity=${
+          this.div_.style.opacity * 100
+        })`;
       }
 
       // Apply required styles:
@@ -451,7 +453,7 @@ const createInfoBox = googleReference => {
    * @private
    * @return {Object} widths object (top, bottom left, right)
    */
-  InfoBox.prototype.getBoxWidths_ = function() {
+  InfoBox.prototype.getBoxWidths_ = function () {
     let computedStyle;
     const bw = { top: 0, bottom: 0, left: 0, right: 0 };
     const box = this.div_;
@@ -484,7 +486,7 @@ const createInfoBox = googleReference => {
   /**
    * Invoked when <tt>close</tt> is called. Do not call it directly.
    */
-  InfoBox.prototype.onRemove = function() {
+  InfoBox.prototype.onRemove = function () {
     if (this.div_) {
       this.div_.parentNode.removeChild(this.div_);
       this.div_ = null;
@@ -494,7 +496,7 @@ const createInfoBox = googleReference => {
   /**
    * Draws the InfoBox based on the current map projection and zoom level.
    */
-  InfoBox.prototype.draw = function() {
+  InfoBox.prototype.draw = function () {
     this.createInfoBoxDiv_();
 
     const pixPosition = this.getProjection().fromLatLngToDivPixel(
@@ -525,7 +527,7 @@ const createInfoBox = googleReference => {
    *  is <tt>open</tt>ed.
    * @param {InfoBoxOptions} opt_opts
    */
-  InfoBox.prototype.setOptions = function(opt_opts) {
+  InfoBox.prototype.setOptions = function (opt_opts) {
     if (typeof opt_opts.boxClass !== 'undefined') {
       // Must be first
 
@@ -588,7 +590,7 @@ const createInfoBox = googleReference => {
    *  The content can be plain text or an HTML DOM node.
    * @param {string|Node} content
    */
-  InfoBox.prototype.setContent = function(content) {
+  InfoBox.prototype.setContent = function (content) {
     this.content_ = content;
 
     if (this.div_) {
@@ -638,7 +640,7 @@ const createInfoBox = googleReference => {
    * Sets the geographic location of the InfoBox.
    * @param {LatLng} latlng
    */
-  InfoBox.prototype.setPosition = function(latlng) {
+  InfoBox.prototype.setPosition = function (latlng) {
     this.position_ = latlng;
 
     if (this.div_) {
@@ -657,7 +659,7 @@ const createInfoBox = googleReference => {
    * Sets the zIndex style for the InfoBox.
    * @param {number} index
    */
-  InfoBox.prototype.setZIndex = function(index) {
+  InfoBox.prototype.setZIndex = function (index) {
     this.zIndex_ = index;
 
     if (this.div_) {
@@ -676,7 +678,7 @@ const createInfoBox = googleReference => {
    * Sets the visibility of the InfoBox.
    * @param {boolean} isVisible
    */
-  InfoBox.prototype.setVisible = function(isVisible) {
+  InfoBox.prototype.setVisible = function (isVisible) {
     this.isHidden_ = !isVisible;
     if (this.div_) {
       this.div_.style.visibility = this.isHidden_ ? 'hidden' : 'visible';
@@ -687,7 +689,7 @@ const createInfoBox = googleReference => {
    * Returns the content of the InfoBox.
    * @returns {string}
    */
-  InfoBox.prototype.getContent = function() {
+  InfoBox.prototype.getContent = function () {
     return this.content_;
   };
 
@@ -695,7 +697,7 @@ const createInfoBox = googleReference => {
    * Returns the geographic location of the InfoBox.
    * @returns {LatLng}
    */
-  InfoBox.prototype.getPosition = function() {
+  InfoBox.prototype.getPosition = function () {
     return this.position_;
   };
 
@@ -703,7 +705,7 @@ const createInfoBox = googleReference => {
    * Returns the zIndex for the InfoBox.
    * @returns {number}
    */
-  InfoBox.prototype.getZIndex = function() {
+  InfoBox.prototype.getZIndex = function () {
     return this.zIndex_;
   };
 
@@ -711,7 +713,7 @@ const createInfoBox = googleReference => {
    * Returns a flag indicating whether the InfoBox is visible.
    * @returns {boolean}
    */
-  InfoBox.prototype.getVisible = function() {
+  InfoBox.prototype.getVisible = function () {
     let isVisible;
 
     if (typeof this.getMap() === 'undefined' || this.getMap() === null) {
@@ -725,7 +727,7 @@ const createInfoBox = googleReference => {
   /**
    * Shows the InfoBox. [Deprecated; use <tt>setVisible</tt> instead.]
    */
-  InfoBox.prototype.show = function() {
+  InfoBox.prototype.show = function () {
     this.isHidden_ = false;
     if (this.div_) {
       this.div_.style.visibility = 'visible';
@@ -735,7 +737,7 @@ const createInfoBox = googleReference => {
   /**
    * Hides the InfoBox. [Deprecated; use <tt>setVisible</tt> instead.]
    */
-  InfoBox.prototype.hide = function() {
+  InfoBox.prototype.hide = function () {
     this.isHidden_ = true;
     if (this.div_) {
       this.div_.style.visibility = 'hidden';
@@ -750,7 +752,7 @@ const createInfoBox = googleReference => {
    * @param {Map|StreetViewPanorama} map
    * @param {MVCObject} [anchor]
    */
-  InfoBox.prototype.open = function(map, anchor) {
+  InfoBox.prototype.open = function (map, anchor) {
     const me = this;
 
     if (anchor) {
@@ -758,7 +760,7 @@ const createInfoBox = googleReference => {
       this.moveListener_ = googleReference.maps.event.addListener(
         anchor,
         'position_changed',
-        function() {
+        function () {
           me.setPosition(this.getPosition());
         }
       );
@@ -766,7 +768,7 @@ const createInfoBox = googleReference => {
       this.mapListener_ = googleReference.maps.event.addListener(
         anchor,
         'map_changed',
-        function() {
+        function () {
           me.setMap(this.map);
         }
       );
@@ -782,7 +784,7 @@ const createInfoBox = googleReference => {
   /**
    * Removes the InfoBox from the map.
    */
-  InfoBox.prototype.close = function() {
+  InfoBox.prototype.close = function () {
     let i;
 
     if (this.closeListener_) {
diff --git a/packages/instantsearch.js/README.md b/packages/instantsearch.js/README.md
index 9ca96d5df4..065da8c39b 100644
--- a/packages/instantsearch.js/README.md
+++ b/packages/instantsearch.js/README.md
@@ -20,7 +20,6 @@ InstantSearch.js is a vanilla JavaScript library that lets you create an instant
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Why](#why)
 - [Getting started](#getting-started)
 - [Installation](#installation)
diff --git a/packages/react-instantsearch-core/README.md b/packages/react-instantsearch-core/README.md
index 5e5135f245..4768b090f2 100644
--- a/packages/react-instantsearch-core/README.md
+++ b/packages/react-instantsearch-core/README.md
@@ -1,7 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [react-instantsearch-core](#react-instantsearch-core)
   - [Installation](#installation)
   - [Getting started](#getting-started)
diff --git a/packages/react-instantsearch-router-nextjs/README.md b/packages/react-instantsearch-router-nextjs/README.md
index 99267db7e0..dab8bea033 100644
--- a/packages/react-instantsearch-router-nextjs/README.md
+++ b/packages/react-instantsearch-router-nextjs/README.md
@@ -1,7 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [react-instantsearch-router-nextjs](#react-instantsearch-router-nextjs)
   - [Installation](#installation)
   - [Usage](#usage)
diff --git a/packages/react-instantsearch/README.md b/packages/react-instantsearch/README.md
index a3f491529f..bf77369fb6 100644
--- a/packages/react-instantsearch/README.md
+++ b/packages/react-instantsearch/README.md
@@ -1,7 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [react-instantsearch](#react-instantsearch)
   - [Why](#why)
   - [Installation](#installation)
diff --git a/packages/vue-instantsearch/README.md b/packages/vue-instantsearch/README.md
index 83862f89e5..56b75ec05c 100644
--- a/packages/vue-instantsearch/README.md
+++ b/packages/vue-instantsearch/README.md
@@ -1,7 +1,6 @@
 <!-- START doctoc generated TOC please keep comment here to allow auto update -->
 <!-- DON'T EDIT THIS SECTION, INSTEAD RE-RUN doctoc TO UPDATE -->
 
-
 - [Vue InstantSearch](#vue-instantsearch)
 - [Documentation](#documentation)
 - [Installation](#installation)
diff --git a/patches/doctoc+1.4.0.patch b/patches/doctoc+1.4.0.patch
new file mode 100644
index 0000000000..a956648c5d
--- /dev/null
+++ b/patches/doctoc+1.4.0.patch
@@ -0,0 +1,13 @@
+diff --git a/node_modules/doctoc/lib/transform.js b/node_modules/doctoc/lib/transform.js
+index 5b1370d..07be5c4 100644
+--- a/node_modules/doctoc/lib/transform.js
++++ b/node_modules/doctoc/lib/transform.js
+@@ -139,7 +139,7 @@ exports = module.exports = function transform(content, mode, maxHeaderLevel, tit
+ 
+   var toc =
+       inferredTitle
+-    + '\n\n'
++    + '\n'
+     + linkedHeaders
+         .map(function (x) {
+           var indent = _(_.range(x.rank - lowestRank))
diff --git a/specs/CHANGELOG.md b/specs/CHANGELOG.md
index 7f6e6b496d..cbb05aa048 100644
--- a/specs/CHANGELOG.md
+++ b/specs/CHANGELOG.md
@@ -1,7 +1,6 @@
 # Change Log
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
 ## 0.1.3 (2023-08-07)
 
diff --git a/specs/src/components/WidgetContent.astro b/specs/src/components/WidgetContent.astro
index 8e77d5cba0..7aa7283e1e 100644
--- a/specs/src/components/WidgetContent.astro
+++ b/specs/src/components/WidgetContent.astro
@@ -1,7 +1,7 @@
 ---
-import { Code } from "astro/components";
-import type { WidgetFrontmatter } from "../types";
-import ThemeSelector from "./ThemeSelector.astro";
+import { Code } from 'astro/components';
+import type { WidgetFrontmatter } from '../types';
+import ThemeSelector from './ThemeSelector.astro';
 
 type Props = {
   frontmatter: WidgetFrontmatter;
diff --git a/specs/src/components/WidgetsList.astro b/specs/src/components/WidgetsList.astro
index 38febdc207..4dc4d61a07 100644
--- a/specs/src/components/WidgetsList.astro
+++ b/specs/src/components/WidgetsList.astro
@@ -1,5 +1,5 @@
 ---
-const allWidgets = await Astro.glob("../pages/widgets/*.md");
+const allWidgets = await Astro.glob('../pages/widgets/*.md');
 ---
 
 <aside class="widgets-list">
diff --git a/specs/src/layouts/WidgetLayout.astro b/specs/src/layouts/WidgetLayout.astro
index 0effca4032..7b930b6526 100644
--- a/specs/src/layouts/WidgetLayout.astro
+++ b/specs/src/layouts/WidgetLayout.astro
@@ -1,9 +1,9 @@
 ---
-import { GITHUB_EDIT_URL } from "../config";
-import WidgetContent from "../components/WidgetContent.astro";
-import WidgetsList from "../components/WidgetsList.astro";
-import type { WidgetFrontmatter } from "../types";
-import MainLayout from "./MainLayout.astro";
+import { GITHUB_EDIT_URL } from '../config';
+import WidgetContent from '../components/WidgetContent.astro';
+import WidgetsList from '../components/WidgetsList.astro';
+import type { WidgetFrontmatter } from '../types';
+import MainLayout from './MainLayout.astro';
 
 type Props = {
   frontmatter: WidgetFrontmatter;
@@ -11,7 +11,7 @@ type Props = {
 
 const { frontmatter } = Astro.props;
 const currentPage = Astro.url.pathname;
-const currentFile = `src/pages${currentPage.replace(/\/$/, "")}.md`;
+const currentFile = `src/pages${currentPage.replace(/\/$/, '')}.md`;
 const githubEditUrl = `${GITHUB_EDIT_URL}/${currentFile}`;
 ---
 
diff --git a/specs/src/pages/demo.astro b/specs/src/pages/demo.astro
index 2bdec71a95..4f2a317a86 100644
--- a/specs/src/pages/demo.astro
+++ b/specs/src/pages/demo.astro
@@ -1,8 +1,8 @@
 ---
-import ThemeSelector from "../components/ThemeSelector.astro";
-import MainLayout from "../layouts/MainLayout.astro";
+import ThemeSelector from '../components/ThemeSelector.astro';
+import MainLayout from '../layouts/MainLayout.astro';
 
-const widgetList = await Astro.glob("./widgets/*.md");
+const widgetList = await Astro.glob('./widgets/*.md');
 const widgets = {} as Record<string, string>;
 for (const widget of widgetList) {
   widgets[widget.frontmatter.title] = widget.frontmatter.html;
@@ -20,68 +20,65 @@ for (const widget of widgetList) {
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Refinement list</div>
-              <div class="ais-Panel-body" set:html={widgets.RefinementList}>
-              </div>
+              <div class="ais-Panel-body" set:html={widgets.RefinementList} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Toggle refinement</div>
-              <div class="ais-Panel-body" set:html={widgets.ToggleRefinement}>
-              </div>
+              <div class="ais-Panel-body" set:html={widgets.ToggleRefinement} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Hierarchical menu</div>
-              <div class="ais-Panel-body" set:html={widgets.HierarchicalMenu}>
-              </div>
+              <div class="ais-Panel-body" set:html={widgets.HierarchicalMenu} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Menu</div>
-              <div class="ais-Panel-body" set:html={widgets.Menu}></div>
+              <div class="ais-Panel-body" set:html={widgets.Menu} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Menu select</div>
-              <div class="ais-Panel-body" set:html={widgets.MenuSelect}></div>
+              <div class="ais-Panel-body" set:html={widgets.MenuSelect} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Sort by</div>
-              <div class="ais-Panel-body" set:html={widgets.SortBy}></div>
+              <div class="ais-Panel-body" set:html={widgets.SortBy} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Rating menu</div>
-              <div class="ais-Panel-body" set:html={widgets.RatingMenu}></div>
+              <div class="ais-Panel-body" set:html={widgets.RatingMenu} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Range input</div>
-              <div class="ais-Panel-body" set:html={widgets.RangeInput}></div>
+              <div class="ais-Panel-body" set:html={widgets.RangeInput} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Numeric menu</div>
-              <div class="ais-Panel-body" set:html={widgets.NumericMenu}></div>
+              <div class="ais-Panel-body" set:html={widgets.NumericMenu} />
             </div>
           </div>
           <div class="demo-widget">
             <div class="ais-Panel">
               <div class="ais-Panel-header">Hits per page</div>
-              <div class="ais-Panel-body" set:html={widgets.HitsPerPage}></div>
+              <div class="ais-Panel-body" set:html={widgets.HitsPerPage} />
             </div>
           </div>
-          <div class="demo-widget" set:html={widgets.ClearRefinements}></div>
-          <div class="demo-widget" set:html={widgets.PoweredBy}></div>
+          <div class="demo-widget" set:html={widgets.ClearRefinements} />
+          <div class="demo-widget" set:html={widgets.PoweredBy} />
         </div>
         <div
           class="demo-results"
@@ -93,10 +90,9 @@ for (const widget of widgetList) {
             widgets.Hits,
             widgets.Pagination,
           ])
-            .replaceAll(",", "")
+            .replaceAll(',', '')
             .toString()}
-        >
-        </div>
+        />
       </div>
     </div>
   </div>
diff --git a/specs/src/pages/widgets/geo-search.md b/specs/src/pages/widgets/geo-search.md
index 39d4d66ccb..b1f555eb67 100644
--- a/specs/src/pages/widgets/geo-search.md
+++ b/specs/src/pages/widgets/geo-search.md
@@ -66,13 +66,13 @@ options:
     default: 1
     description: Zoom of the map when no results are found
   - name: initialPosition
-    default: "{ lat:0, lng:0 }"
+    default: '{ lat:0, lng:0 }'
     description: Position of the map when no results are found
   - name: paddingBoundingBox
-    default: "{ top:0, right:0, bottom:0, left:0 }"
+    default: '{ top:0, right:0, bottom:0, left:0 }'
     description: Add an inner padding on the map when you refine
   - name: mapOptions
-    default: "{}"
+    default: '{}'
     description: Option forwarded to the Google Maps constructor
   - name: enableClearMapRefinement
     default: true
diff --git a/specs/src/pages/widgets/refinement-list.md b/specs/src/pages/widgets/refinement-list.md
index 84d1400087..15d24445eb 100644
--- a/specs/src/pages/widgets/refinement-list.md
+++ b/specs/src/pages/widgets/refinement-list.md
@@ -125,7 +125,7 @@ options:
     description: Whether to add a search box to refine this list
   - name: operator
     default: '"or"'
-    description: "How to apply refinements. Possible values: or, and"
+    description: 'How to apply refinements. Possible values: or, and'
   - name: limit
     default: 10
     description: Number of items to show
diff --git a/specs/src/pages/widgets/reverseSnippet.md b/specs/src/pages/widgets/reverseSnippet.md
index f5e0cd61e7..869b97152c 100644
--- a/specs/src/pages/widgets/reverseSnippet.md
+++ b/specs/src/pages/widgets/reverseSnippet.md
@@ -3,7 +3,7 @@ layout: ../../layouts/WidgetLayout.astro
 title: ReverseSnippet
 type: widget
 html: |
-  <span class="ais-ReverseSnippet"><span class"ais-ReverseSnippet-nonHighlighted">This is the</span> <mark class="ais-ReverseSnippet-highlighted">reversed snippet text</mark></span>
+  <span class="ais-ReverseSnippet"><span class="ais-ReverseSnippet-nonHighlighted">This is the</span> <mark class="ais-ReverseSnippet-highlighted">reversed snippet text</mark></span>
 classes:
   - name: .ais-ReverseSnippet
     description: the root span of the widget
diff --git a/specs/src/pages/widgets/snippet.md b/specs/src/pages/widgets/snippet.md
index f0c1d463b1..a44637535b 100644
--- a/specs/src/pages/widgets/snippet.md
+++ b/specs/src/pages/widgets/snippet.md
@@ -5,12 +5,12 @@ type: widget
 html: |
   <span class="ais-Snippet"><span class="ais-Snippet-nonHighlighted">This is the</span> <mark class="ais-Snippet-highlighted">snippet text</mark></span>
 classes:
-- name: .ais-Snippet
-  description: the root span of the widget
-- name: .ais-Snippet-highlighted
-  description: the highlighted text
-- name: .ais-Snippet-nonHighlighted
-  description: the normal text
+  - name: .ais-Snippet
+    description: the root span of the widget
+  - name: .ais-Snippet-highlighted
+    description: the highlighted text
+  - name: .ais-Snippet-nonHighlighted
+    description: the normal text
 options:
   - name: highlightTag
     default: em
diff --git a/specs/src/styles/index.scss b/specs/src/styles/index.scss
index 87d5bf1f5a..c22376d060 100644
--- a/specs/src/styles/index.scss
+++ b/specs/src/styles/index.scss
@@ -232,7 +232,7 @@ body {
   padding: 20px;
   border: 1px solid #ddd;
   overflow: auto;
-  transition: .2s background-color ease-in-out;
+  transition: 0.2s background-color ease-in-out;
 }
 
 .code-output code {
diff --git a/specs/tsconfig.json b/specs/tsconfig.json
index ba6f0857c6..b6e94d237f 100644
--- a/specs/tsconfig.json
+++ b/specs/tsconfig.json
@@ -4,4 +4,4 @@
     "jsx": "preserve",
     "skipLibCheck": true
   }
-}
\ No newline at end of file
+}
diff --git a/tests/common/.eslintrc b/tests/common/.eslintrc
index f2485fca9a..3170b7f1d5 100644
--- a/tests/common/.eslintrc
+++ b/tests/common/.eslintrc
@@ -1,6 +1,6 @@
 {
   "rules": {
     "jest/no-export": "off",
-    "no-lone-blocks": "off",
+    "no-lone-blocks": "off"
   }
 }
diff --git a/tests/e2e/CHANGELOG.md b/tests/e2e/CHANGELOG.md
index 8e4808b1cd..056cf42fc6 100644
--- a/tests/e2e/CHANGELOG.md
+++ b/tests/e2e/CHANGELOG.md
@@ -1,157 +1,103 @@
 # Change Log
 
-All notable changes to this project will be documented in this file.
-See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
+All notable changes to this project will be documented in this file. See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
 # [4.2.0](https://github.com/algolia/instantsearch/compare/@instantsearch/e2e-tests@4.0.0...@instantsearch/e2e-tests@4.2.0) (2023-08-15)
 
-
 ### Bug Fixes
 
-* **this:** ensure all functions are able to be destructured ([#5611](https://github.com/algolia/instantsearch/issues/5611)) ([a8b5c1e](https://github.com/algolia/instantsearch/commit/a8b5c1e5bbd6afac39fce523f7d7c2ec02f51153)), closes [#5589](https://github.com/algolia/instantsearch/issues/5589)
-
+- **this:** ensure all functions are able to be destructured ([#5611](https://github.com/algolia/instantsearch/issues/5611)) ([a8b5c1e](https://github.com/algolia/instantsearch/commit/a8b5c1e5bbd6afac39fce523f7d7c2ec02f51153)), closes [#5589](https://github.com/algolia/instantsearch/issues/5589)
 
 ### Features
 
-* rename packages ([#5787](https://github.com/algolia/instantsearch/issues/5787)) ([c133170](https://github.com/algolia/instantsearch/commit/c133170e563592dfc15a95daced1f8447327a09a))
-
-
-
-
+- rename packages ([#5787](https://github.com/algolia/instantsearch/issues/5787)) ([c133170](https://github.com/algolia/instantsearch/commit/c133170e563592dfc15a95daced1f8447327a09a))
 
 ## [4.0.3](https://github.com/algolia/instantsearch/compare/@instantsearch/e2e-tests@4.0.0...@instantsearch/e2e-tests@4.0.3) (2023-07-25)
 
-
 ### Bug Fixes
 
-* **this:** ensure all functions are able to be destructured ([#5611](https://github.com/algolia/instantsearch/issues/5611)) ([a8b5c1e](https://github.com/algolia/instantsearch/commit/a8b5c1e5bbd6afac39fce523f7d7c2ec02f51153)), closes [#5589](https://github.com/algolia/instantsearch/issues/5589)
-
-
-
-
+- **this:** ensure all functions are able to be destructured ([#5611](https://github.com/algolia/instantsearch/issues/5611)) ([a8b5c1e](https://github.com/algolia/instantsearch/commit/a8b5c1e5bbd6afac39fce523f7d7c2ec02f51153)), closes [#5589](https://github.com/algolia/instantsearch/issues/5589)
 
 ## [4.0.2](https://github.com/algolia/instantsearch/compare/@instantsearch/e2e-tests@4.0.0...@instantsearch/e2e-tests@4.0.2) (2023-05-16)
 
-
 ### Bug Fixes
 
-* **this:** ensure all functions are able to be destructured ([#5611](https://github.com/algolia/instantsearch/issues/5611)) ([a8b5c1e](https://github.com/algolia/instantsearch/commit/a8b5c1e5bbd6afac39fce523f7d7c2ec02f51153)), closes [#5589](https://github.com/algolia/instantsearch/issues/5589)
-
-
-
-
+- **this:** ensure all functions are able to be destructured ([#5611](https://github.com/algolia/instantsearch/issues/5611)) ([a8b5c1e](https://github.com/algolia/instantsearch/commit/a8b5c1e5bbd6afac39fce523f7d7c2ec02f51153)), closes [#5589](https://github.com/algolia/instantsearch/issues/5589)
 
 ## [4.0.1](https://github.com/algolia/instantsearch/compare/@instantsearch/e2e-tests@4.0.0...@instantsearch/e2e-tests@4.0.1) (2023-01-03)
 
 **Note:** Version bump only for package @instantsearch/e2e-tests
 
-
-
-
-
 # 4.0.0 (2022-12-13)
 
-
-
 ### BREAKING CHANGES
 
-* **tests:** this requires the url to be /examples/js/e-commerce instead of /examples/e-commerce. This means that until the package is in the monorepo, its tests wouldn't pass. After the main monorepo PR is merged, this repo will move inside and will no longer be published.
-* tested projects now require `@wdio/junit-reporter`.
-
-
-
-
+- **tests:** this requires the url to be /examples/js/e-commerce instead of /examples/e-commerce. This means that until the package is in the monorepo, its tests wouldn't pass. After the main monorepo PR is merged, this repo will move inside and will no longer be published.
+- tested projects now require `@wdio/junit-reporter`.
 
 ## [3.0.0](https://github.com/algolia/instantsearch-e2e-tests/compare/v2.0.1...v2.0.2) (2022-11-23)
 
-
 ### Features
 
-* **tests:** migrate to the InstantSearch monorepo ([#38](https://github.com/algolia/instantsearch-e2e-tests/issues/38))
+- **tests:** migrate to the InstantSearch monorepo ([#38](https://github.com/algolia/instantsearch-e2e-tests/issues/38))
 
 ## [2.0.2](https://github.com/algolia/instantsearch-e2e-tests/compare/v2.0.1...v2.0.2) (2022-02-03)
 
-
 ### Bug Fixes
 
-* **spec:** reduce flakiness related to range slider manipulation ([#33](https://github.com/algolia/instantsearch-e2e-tests/issues/33)) ([a008f38](https://github.com/algolia/instantsearch-e2e-tests/commit/a008f38))
-
-
+- **spec:** reduce flakiness related to range slider manipulation ([#33](https://github.com/algolia/instantsearch-e2e-tests/issues/33)) ([a008f38](https://github.com/algolia/instantsearch-e2e-tests/commit/a008f38))
 
 ## [2.0.1](https://github.com/algolia/instantsearch-e2e-tests/compare/v2.0.0...v2.0.1) (2022-01-18)
 
-
 ### Bug Fixes
 
-* correctly output junit report in target repository ([#32](https://github.com/algolia/instantsearch-e2e-tests/issues/32)) ([d3e9e1b](https://github.com/algolia/instantsearch-e2e-tests/commit/d3e9e1b))
-
-
+- correctly output junit report in target repository ([#32](https://github.com/algolia/instantsearch-e2e-tests/issues/32)) ([d3e9e1b](https://github.com/algolia/instantsearch-e2e-tests/commit/d3e9e1b))
 
 # [2.0.0](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.3.0...v2.0.0) (2022-01-17)
 
-
 ### Features
 
-* generate junit test reports by default with saucelabs ([#29](https://github.com/algolia/instantsearch-e2e-tests/issues/29)) ([5f2c0b3](https://github.com/algolia/instantsearch-e2e-tests/commit/5f2c0b3))
-
+- generate junit test reports by default with saucelabs ([#29](https://github.com/algolia/instantsearch-e2e-tests/issues/29)) ([5f2c0b3](https://github.com/algolia/instantsearch-e2e-tests/commit/5f2c0b3))
 
 ### BREAKING CHANGES
 
-* tested projects now require `@wdio/junit-reporter`.
-
-
+- tested projects now require `@wdio/junit-reporter`.
 
 # [1.3.0](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.2.4...v1.3.0) (2020-04-17)
 
-
 ### Bug Fixes
 
-* **spec:** improve specs reliability to minimize flackyness ([#21](https://github.com/algolia/instantsearch-e2e-tests/issues/21)) ([44bae68](https://github.com/algolia/instantsearch-e2e-tests/commit/44bae68))
-* **test:** change InstantSearch.js test branch to `master` ([#19](https://github.com/algolia/instantsearch-e2e-tests/issues/19)) ([1c34d8d](https://github.com/algolia/instantsearch-e2e-tests/commit/1c34d8d))
-
+- **spec:** improve specs reliability to minimize flackyness ([#21](https://github.com/algolia/instantsearch-e2e-tests/issues/21)) ([44bae68](https://github.com/algolia/instantsearch-e2e-tests/commit/44bae68))
+- **test:** change InstantSearch.js test branch to `master` ([#19](https://github.com/algolia/instantsearch-e2e-tests/issues/19)) ([1c34d8d](https://github.com/algolia/instantsearch-e2e-tests/commit/1c34d8d))
 
 ### Features
 
-* **spec:** add custom error messages for timeouts ([#18](https://github.com/algolia/instantsearch-e2e-tests/issues/18)) ([617a22d](https://github.com/algolia/instantsearch-e2e-tests/commit/617a22d))
-* **webdriverio:** add retry for Sauce Connect tunnel ([#17](https://github.com/algolia/instantsearch-e2e-tests/issues/17)) ([9e398c2](https://github.com/algolia/instantsearch-e2e-tests/commit/9e398c2))
-
-
+- **spec:** add custom error messages for timeouts ([#18](https://github.com/algolia/instantsearch-e2e-tests/issues/18)) ([617a22d](https://github.com/algolia/instantsearch-e2e-tests/commit/617a22d))
+- **webdriverio:** add retry for Sauce Connect tunnel ([#17](https://github.com/algolia/instantsearch-e2e-tests/issues/17)) ([9e398c2](https://github.com/algolia/instantsearch-e2e-tests/commit/9e398c2))
 
 ## [1.2.4](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.2.3...v1.2.4) (2019-11-26)
 
-
 ### Bug Fixes
 
-* **setSearchBoxValue:** reset searchbox before editing ([#15](https://github.com/algolia/instantsearch-e2e-tests/issues/15)) ([b52ea34](https://github.com/algolia/instantsearch-e2e-tests/commit/b52ea3468594c86168b155bb0fcab1230ff86672)), closes [/app.saucelabs.com/tests/4518f96fdfd447e998786d0ff463658a#54](https://github.com//app.saucelabs.com/tests/4518f96fdfd447e998786d0ff463658a/issues/54)
-
-
+- **setSearchBoxValue:** reset searchbox before editing ([#15](https://github.com/algolia/instantsearch-e2e-tests/issues/15)) ([b52ea34](https://github.com/algolia/instantsearch-e2e-tests/commit/b52ea3468594c86168b155bb0fcab1230ff86672)), closes [/app.saucelabs.com/tests/4518f96fdfd447e998786d0ff463658a#54](https://github.com//app.saucelabs.com/tests/4518f96fdfd447e998786d0ff463658a/issues/54)
 
 ## [1.2.3](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.2.2...v1.2.3) (2019-10-14)
 
-
 ### Bug Fixes
 
-* **helper:** fix helpers to handle RangeSlider in vue-instantsearch ([#12](https://github.com/algolia/instantsearch-e2e-tests/issues/12)) ([143a59b](https://github.com/algolia/instantsearch-e2e-tests/commit/143a59b))
-
-
+- **helper:** fix helpers to handle RangeSlider in vue-instantsearch ([#12](https://github.com/algolia/instantsearch-e2e-tests/issues/12)) ([143a59b](https://github.com/algolia/instantsearch-e2e-tests/commit/143a59b))
 
 ## [1.2.2](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.2.1...v1.2.2) (2019-09-12)
 
-
 ### Bug Fixes
 
-* **spec:** fix specs to match fixed slider behavior ([#10](https://github.com/algolia/instantsearch-e2e-tests/issues/10)) ([d7bce97](https://github.com/algolia/instantsearch-e2e-tests/commit/d7bce97))
-
-
+- **spec:** fix specs to match fixed slider behavior ([#10](https://github.com/algolia/instantsearch-e2e-tests/issues/10)) ([d7bce97](https://github.com/algolia/instantsearch-e2e-tests/commit/d7bce97))
 
 ## [1.2.1](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.2.0...v1.2.1) (2019-09-11)
 
-
 ### Bug Fixes
 
-* **helper:** fix helpers to handle RangeSlider in react-instantsearch ([#9](https://github.com/algolia/instantsearch-e2e-tests/issues/9)) ([c2de700](https://github.com/algolia/instantsearch-e2e-tests/commit/c2de700))
-
-
+- **helper:** fix helpers to handle RangeSlider in react-instantsearch ([#9](https://github.com/algolia/instantsearch-e2e-tests/issues/9)) ([c2de700](https://github.com/algolia/instantsearch-e2e-tests/commit/c2de700))
 
 # [1.2.0](https://github.com/algolia/instantsearch-e2e-tests/compare/v1.1.0...v1.2.0) (2019-09-06)
 
diff --git a/tests/e2e/README.md b/tests/e2e/README.md
index 793992df93..0ca80003cf 100644
--- a/tests/e2e/README.md
+++ b/tests/e2e/README.md
@@ -80,10 +80,10 @@ exports.config = {
 CircleCI can [read JUnit XML test metadata files](https://circleci.com/docs/2.0/collect-test-data/) to provide insights on the stability of the test suite. To enable this feature, you can add the following key to your e2e job in **.circleci/config.yml**:
 
 ```yaml
-  test_e2e:
+test_e2e:
+  # ...
+  steps:
     # ...
-    steps:
-      # ...
-      - store_test_results:
-        path: junit/wdio
+    - store_test_results:
+      path: junit/wdio
 ```
diff --git a/yarn.lock b/yarn.lock
index 86e74bee73..c986d67f74 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -26017,22 +26017,12 @@ prettier-plugin-astro@^0.7.0:
     sass-formatter "^0.7.5"
     synckit "^0.8.4"
 
-prettier@1.16.3:
+prettier@1.16.3, prettier@^1.7.0:
   version "1.16.3"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-1.16.3.tgz#8c62168453badef702f34b45b6ee899574a6a65d"
   integrity sha512-kn/GU6SMRYPxUakNXhpP0EedT/KmaPzr0H5lIsDogrykbaxOpOfAFfk5XA7DZrJyMAv1wlMV3CPcZruGXVVUZw==
 
-prettier@1.19.1, prettier@^1.7.0:
-  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.4.1:
-  version "2.4.1"
-  resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.4.1.tgz#671e11c89c14a4cfc876ce564106c4a6726c9f5c"
-  integrity sha512-9fbDAXSBcc6Bs1mZrDYb3XKzDLm4EXXL9sC1LqKP5rZkT6KRr/rf9amVUcODVXgguK/isJz0d0hP72WeaKWsvA==
-
-"prettier@^1.18.2 || ^2.0.0", prettier@^2.0.0, prettier@^2.7.1:
+"prettier@^1.18.2 || ^2.0.0", prettier@^2.0.0, prettier@^2.4.1, prettier@^2.7.1:
   version "2.8.1"
   resolved "https://registry.yarnpkg.com/prettier/-/prettier-2.8.1.tgz#4e1fd11c34e2421bc1da9aea9bd8127cd0a35efc"
   integrity sha512-lqGoSJBQNJidqCHE80vqZJHWHRFoNYsSpP9AjFhlhi9ODCJA541svILes/+/1GM3VaL/abZi7cpFzOpdR9UPKg==