diff --git a/cypress/test-apps/js/app.tsx b/cypress/test-apps/js/app.tsx
index 041a56f88..7d458a6c5 100644
--- a/cypress/test-apps/js/app.tsx
+++ b/cypress/test-apps/js/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/cypress/test-apps/js/categoriesPlugin.tsx b/cypress/test-apps/js/categoriesPlugin.tsx
index 3dd045d8d..3d96b4e8f 100644
--- a/cypress/test-apps/js/categoriesPlugin.tsx
+++ b/cypress/test-apps/js/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin, getAlgoliaFacets } from '@algolia/autocomplete-js';
 import { SearchClient } from 'algoliasearch/lite';
diff --git a/cypress/test-apps/js/index.html b/cypress/test-apps/js/index.html
index ebefe52cf..c6ad2625f 100644
--- a/cypress/test-apps/js/index.html
+++ b/cypress/test-apps/js/index.html
@@ -42,8 +42,8 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="darkMode.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="darkMode.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/github-notification-filters/app.tsx b/examples/github-notification-filters/app.tsx
index 81058dd35..0b27d9436 100644
--- a/examples/github-notification-filters/app.tsx
+++ b/examples/github-notification-filters/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, AutocompleteSource } from '@algolia/autocomplete-js';
 import { createTagsPlugin, Tag } from '@algolia/autocomplete-plugin-tags';
diff --git a/examples/github-notification-filters/components/FilterHeader.tsx b/examples/github-notification-filters/components/FilterHeader.tsx
index d1cf764b6..783e2442f 100644
--- a/examples/github-notification-filters/components/FilterHeader.tsx
+++ b/examples/github-notification-filters/components/FilterHeader.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h, Fragment } from 'preact';
 
diff --git a/examples/github-notification-filters/components/PanelLayout.tsx b/examples/github-notification-filters/components/PanelLayout.tsx
index 39f2d93e9..682d227eb 100644
--- a/examples/github-notification-filters/components/PanelLayout.tsx
+++ b/examples/github-notification-filters/components/PanelLayout.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompleteState } from '@algolia/autocomplete-js';
 import { ComponentChildren, h } from 'preact';
diff --git a/examples/github-notification-filters/components/PostfixItem.tsx b/examples/github-notification-filters/components/PostfixItem.tsx
index cabd10b14..3a11ad8d2 100644
--- a/examples/github-notification-filters/components/PostfixItem.tsx
+++ b/examples/github-notification-filters/components/PostfixItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompleteComponents } from '@algolia/autocomplete-js';
 import { h } from 'preact';
diff --git a/examples/github-notification-filters/components/PrefixItem.tsx b/examples/github-notification-filters/components/PrefixItem.tsx
index a67bd6d7d..c5d43d7c0 100644
--- a/examples/github-notification-filters/components/PrefixItem.tsx
+++ b/examples/github-notification-filters/components/PrefixItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/github-notification-filters/components/QueryItem.tsx b/examples/github-notification-filters/components/QueryItem.tsx
index 58cc262af..254748dfa 100644
--- a/examples/github-notification-filters/components/QueryItem.tsx
+++ b/examples/github-notification-filters/components/QueryItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/github-notification-filters/components/TagItem.tsx b/examples/github-notification-filters/components/TagItem.tsx
index c372659ff..dcb2e8fd3 100644
--- a/examples/github-notification-filters/components/TagItem.tsx
+++ b/examples/github-notification-filters/components/TagItem.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { Tag } from '@algolia/autocomplete-plugin-tags';
 import { h } from 'preact';
diff --git a/examples/github-notification-filters/index.html b/examples/github-notification-filters/index.html
index 25c74d226..3de2d197b 100644
--- a/examples/github-notification-filters/index.html
+++ b/examples/github-notification-filters/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/github-repositories-custom-plugin/createGitHubReposPlugin.tsx b/examples/github-repositories-custom-plugin/createGitHubReposPlugin.tsx
index 09ee4a52d..b9325409c 100644
--- a/examples/github-repositories-custom-plugin/createGitHubReposPlugin.tsx
+++ b/examples/github-repositories-custom-plugin/createGitHubReposPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin } from '@algolia/autocomplete-js';
 import { h } from 'preact';
diff --git a/examples/github-repositories-custom-plugin/index.html b/examples/github-repositories-custom-plugin/index.html
index 10af43ac9..4fc0e17da 100644
--- a/examples/github-repositories-custom-plugin/index.html
+++ b/examples/github-repositories-custom-plugin/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/html-templates/index.html b/examples/html-templates/index.html
index ab32ef63b..f14b98af2 100644
--- a/examples/html-templates/index.html
+++ b/examples/html-templates/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.js"></script>
-    <script src="app.js"></script>
+    <script type="module" src="env.js"></script>
+    <script type="module" src="app.js"></script>
   </body>
 </html>
diff --git a/examples/multiple-datasets-with-headers/app.tsx b/examples/multiple-datasets-with-headers/app.tsx
index d127f0e93..79d869e81 100644
--- a/examples/multiple-datasets-with-headers/app.tsx
+++ b/examples/multiple-datasets-with-headers/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/multiple-datasets-with-headers/categoriesPlugin.tsx b/examples/multiple-datasets-with-headers/categoriesPlugin.tsx
index a67384e55..e0e26913c 100644
--- a/examples/multiple-datasets-with-headers/categoriesPlugin.tsx
+++ b/examples/multiple-datasets-with-headers/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin, getAlgoliaFacets } from '@algolia/autocomplete-js';
 import { SearchClient } from 'algoliasearch/lite';
diff --git a/examples/multiple-datasets-with-headers/index.html b/examples/multiple-datasets-with-headers/index.html
index ce4c5840f..a31f66d87 100644
--- a/examples/multiple-datasets-with-headers/index.html
+++ b/examples/multiple-datasets-with-headers/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/panel-placement/app.tsx b/examples/panel-placement/app.tsx
index 76d87afc5..0df075f41 100644
--- a/examples/panel-placement/app.tsx
+++ b/examples/panel-placement/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/panel-placement/index.html b/examples/panel-placement/index.html
index 13f636a5b..4c4cc77bb 100644
--- a/examples/panel-placement/index.html
+++ b/examples/panel-placement/index.html
@@ -33,7 +33,7 @@
       <div id="autocomplete-right"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/playground/app.tsx b/examples/playground/app.tsx
index 621607f10..da48c55b4 100644
--- a/examples/playground/app.tsx
+++ b/examples/playground/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/playground/categoriesPlugin.tsx b/examples/playground/categoriesPlugin.tsx
index b3252f8b1..b4a22cbf9 100644
--- a/examples/playground/categoriesPlugin.tsx
+++ b/examples/playground/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin, getAlgoliaFacets } from '@algolia/autocomplete-js';
 import { SearchClient } from 'algoliasearch/lite';
diff --git a/examples/playground/index.html b/examples/playground/index.html
index 5a6f6e727..b3624c78f 100644
--- a/examples/playground/index.html
+++ b/examples/playground/index.html
@@ -42,8 +42,8 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="darkMode.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="darkMode.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/preview-panel-in-modal/app.tsx b/examples/preview-panel-in-modal/app.tsx
index ea54eb2ee..4239698a3 100644
--- a/examples/preview-panel-in-modal/app.tsx
+++ b/examples/preview-panel-in-modal/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, getAlgoliaResults } from '@algolia/autocomplete-js';
 import algoliasearch from 'algoliasearch/lite';
diff --git a/examples/preview-panel-in-modal/index.html b/examples/preview-panel-in-modal/index.html
index 3b9b36b25..99b187d1c 100644
--- a/examples/preview-panel-in-modal/index.html
+++ b/examples/preview-panel-in-modal/index.html
@@ -42,7 +42,7 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-categories/index.html b/examples/query-suggestions-with-categories/index.html
index 2de48cfc4..5a780fef5 100644
--- a/examples/query-suggestions-with-categories/index.html
+++ b/examples/query-suggestions-with-categories/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-hits/app.tsx b/examples/query-suggestions-with-hits/app.tsx
index 2790ff5fe..b3c741b00 100644
--- a/examples/query-suggestions-with-hits/app.tsx
+++ b/examples/query-suggestions-with-hits/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/query-suggestions-with-hits/index.html b/examples/query-suggestions-with-hits/index.html
index 2d5589ab1..ef4b70655 100644
--- a/examples/query-suggestions-with-hits/index.html
+++ b/examples/query-suggestions-with-hits/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-inline-categories/app.tsx b/examples/query-suggestions-with-inline-categories/app.tsx
index 277d13710..a3b8a3cbf 100644
--- a/examples/query-suggestions-with-inline-categories/app.tsx
+++ b/examples/query-suggestions-with-inline-categories/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/query-suggestions-with-inline-categories/index.html b/examples/query-suggestions-with-inline-categories/index.html
index 277c90402..ce89fd3b2 100644
--- a/examples/query-suggestions-with-inline-categories/index.html
+++ b/examples/query-suggestions-with-inline-categories/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-recent-searches-and-categories/index.html b/examples/query-suggestions-with-recent-searches-and-categories/index.html
index e3583b745..d87289b8a 100644
--- a/examples/query-suggestions-with-recent-searches-and-categories/index.html
+++ b/examples/query-suggestions-with-recent-searches-and-categories/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions-with-recent-searches/app.tsx b/examples/query-suggestions-with-recent-searches/app.tsx
index 7f2847dde..e184d5f73 100644
--- a/examples/query-suggestions-with-recent-searches/app.tsx
+++ b/examples/query-suggestions-with-recent-searches/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/query-suggestions-with-recent-searches/index.html b/examples/query-suggestions-with-recent-searches/index.html
index c817cfa91..de88c73d1 100644
--- a/examples/query-suggestions-with-recent-searches/index.html
+++ b/examples/query-suggestions-with-recent-searches/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/query-suggestions/index.html b/examples/query-suggestions/index.html
index 3c64f144d..ddaebc83e 100644
--- a/examples/query-suggestions/index.html
+++ b/examples/query-suggestions/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/react-instantsearch/index.html b/examples/react-instantsearch/index.html
index aefc9e783..327a583e5 100644
--- a/examples/react-instantsearch/index.html
+++ b/examples/react-instantsearch/index.html
@@ -22,6 +22,6 @@
 
     <div id="root"></div>
 
-    <script src="./src/index.js"></script>
+    <script type="module" src="./src/index.js"></script>
   </body>
 </html>
diff --git a/examples/recently-viewed-items/app.tsx b/examples/recently-viewed-items/app.tsx
index c31dfb481..b451e4ea8 100644
--- a/examples/recently-viewed-items/app.tsx
+++ b/examples/recently-viewed-items/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/recently-viewed-items/index.html b/examples/recently-viewed-items/index.html
index 571b6865b..e3715354a 100644
--- a/examples/recently-viewed-items/index.html
+++ b/examples/recently-viewed-items/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx b/examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx
index cf61b08ab..83100ba3b 100644
--- a/examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx
+++ b/examples/recently-viewed-items/recentlyViewedItemsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompletePlugin,
diff --git a/examples/reshape/app.tsx b/examples/reshape/app.tsx
index 5edc4e5db..2f167f341 100644
--- a/examples/reshape/app.tsx
+++ b/examples/reshape/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
diff --git a/examples/reshape/index.html b/examples/reshape/index.html
index 44c246a45..d802bd4a7 100644
--- a/examples/reshape/index.html
+++ b/examples/reshape/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/reshape/productsPlugin.tsx b/examples/reshape/productsPlugin.tsx
index 20f616ede..2c2ef448e 100644
--- a/examples/reshape/productsPlugin.tsx
+++ b/examples/reshape/productsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/starter-algolia/app.tsx b/examples/starter-algolia/app.tsx
index 670b6cf9a..6dce58017 100644
--- a/examples/starter-algolia/app.tsx
+++ b/examples/starter-algolia/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, getAlgoliaResults } from '@algolia/autocomplete-js';
 import { Hit } from '@algolia/client-search';
diff --git a/examples/starter-algolia/index.html b/examples/starter-algolia/index.html
index 1cc345396..aa5eea46d 100644
--- a/examples/starter-algolia/index.html
+++ b/examples/starter-algolia/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/starter/index.html b/examples/starter/index.html
index ec76f28d3..9156eb10d 100644
--- a/examples/starter/index.html
+++ b/examples/starter/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/tags-in-searchbox/app.tsx b/examples/tags-in-searchbox/app.tsx
index fd1403313..68ea334d9 100644
--- a/examples/tags-in-searchbox/app.tsx
+++ b/examples/tags-in-searchbox/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/tags-in-searchbox/index.html b/examples/tags-in-searchbox/index.html
index 053f635ed..015ddb411 100644
--- a/examples/tags-in-searchbox/index.html
+++ b/examples/tags-in-searchbox/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/tags-with-hits/app.tsx b/examples/tags-with-hits/app.tsx
index c5588675d..90dc0223b 100644
--- a/examples/tags-with-hits/app.tsx
+++ b/examples/tags-with-hits/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   autocomplete,
diff --git a/examples/tags-with-hits/index.html b/examples/tags-with-hits/index.html
index 03be0de35..a034afe9b 100644
--- a/examples/tags-with-hits/index.html
+++ b/examples/tags-with-hits/index.html
@@ -190,7 +190,7 @@
       </div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/two-column-layout/index.html b/examples/two-column-layout/index.html
index 36204a0a7..f2e474075 100644
--- a/examples/two-column-layout/index.html
+++ b/examples/two-column-layout/index.html
@@ -16,6 +16,6 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="src/app.tsx"></script>
+    <script type="module" src="src/app.tsx"></script>
   </body>
 </html>
diff --git a/examples/two-column-layout/src/app.tsx b/examples/two-column-layout/src/app.tsx
index 86a487845..3e1b4e5ad 100644
--- a/examples/two-column-layout/src/app.tsx
+++ b/examples/two-column-layout/src/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete } from '@algolia/autocomplete-js';
 import { h, render } from 'preact';
diff --git a/examples/two-column-layout/src/components/Blurhash.tsx b/examples/two-column-layout/src/components/Blurhash.tsx
index 2abc5a6bd..b7d6efd38 100644
--- a/examples/two-column-layout/src/components/Blurhash.tsx
+++ b/examples/two-column-layout/src/components/Blurhash.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { decode } from 'blurhash';
 import { h } from 'preact';
diff --git a/examples/two-column-layout/src/components/Breadcrumb.tsx b/examples/two-column-layout/src/components/Breadcrumb.tsx
index 2255000ac..f0cbeb54c 100644
--- a/examples/two-column-layout/src/components/Breadcrumb.tsx
+++ b/examples/two-column-layout/src/components/Breadcrumb.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/two-column-layout/src/components/Icons.tsx b/examples/two-column-layout/src/components/Icons.tsx
index bbe2e1dd9..1ffab757c 100644
--- a/examples/two-column-layout/src/components/Icons.tsx
+++ b/examples/two-column-layout/src/components/Icons.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { h } from 'preact';
 
diff --git a/examples/two-column-layout/src/plugins/articlesPlugin.tsx b/examples/two-column-layout/src/plugins/articlesPlugin.tsx
index 06732318f..8d221d701 100644
--- a/examples/two-column-layout/src/plugins/articlesPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/articlesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompletePlugin,
diff --git a/examples/two-column-layout/src/plugins/brandsPlugin.tsx b/examples/two-column-layout/src/plugins/brandsPlugin.tsx
index 16dce544e..102736431 100644
--- a/examples/two-column-layout/src/plugins/brandsPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/brandsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/categoriesPlugin.tsx b/examples/two-column-layout/src/plugins/categoriesPlugin.tsx
index 97067b74d..0a2f025cf 100644
--- a/examples/two-column-layout/src/plugins/categoriesPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/categoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/faqPlugin.tsx b/examples/two-column-layout/src/plugins/faqPlugin.tsx
index e55ab2800..1a2371903 100644
--- a/examples/two-column-layout/src/plugins/faqPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/faqPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/popularCategoriesPlugin.tsx b/examples/two-column-layout/src/plugins/popularCategoriesPlugin.tsx
index a99fa3764..6535f3504 100644
--- a/examples/two-column-layout/src/plugins/popularCategoriesPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/popularCategoriesPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/popularPlugin.tsx b/examples/two-column-layout/src/plugins/popularPlugin.tsx
index 1fe6926f5..7feaff795 100644
--- a/examples/two-column-layout/src/plugins/popularPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/popularPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { createQuerySuggestionsPlugin } from '@algolia/autocomplete-plugin-query-suggestions';
 import { h } from 'preact';
diff --git a/examples/two-column-layout/src/plugins/productsPlugin.tsx b/examples/two-column-layout/src/plugins/productsPlugin.tsx
index 040317904..079c2cd05 100644
--- a/examples/two-column-layout/src/plugins/productsPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/productsPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompleteComponents,
diff --git a/examples/two-column-layout/src/plugins/quickAccessPlugin.tsx b/examples/two-column-layout/src/plugins/quickAccessPlugin.tsx
index 5712b83df..596885a17 100644
--- a/examples/two-column-layout/src/plugins/quickAccessPlugin.tsx
+++ b/examples/two-column-layout/src/plugins/quickAccessPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import {
   AutocompletePlugin,
diff --git a/examples/voice-search/app.tsx b/examples/voice-search/app.tsx
index ce4eb7cc0..f2f8a2f64 100644
--- a/examples/voice-search/app.tsx
+++ b/examples/voice-search/app.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { autocomplete, getAlgoliaResults } from '@algolia/autocomplete-js';
 import { Hit } from '@algolia/client-search';
diff --git a/examples/voice-search/index.html b/examples/voice-search/index.html
index 080e2c3ba..ecb0a5305 100644
--- a/examples/voice-search/index.html
+++ b/examples/voice-search/index.html
@@ -14,7 +14,7 @@
       <div id="autocomplete"></div>
     </div>
 
-    <script src="env.ts"></script>
-    <script src="app.tsx"></script>
+    <script type="module" src="env.ts"></script>
+    <script type="module" src="app.tsx"></script>
   </body>
 </html>
diff --git a/examples/voice-search/voiceSearchPlugin.tsx b/examples/voice-search/voiceSearchPlugin.tsx
index 2fddf13c2..71936e460 100644
--- a/examples/voice-search/voiceSearchPlugin.tsx
+++ b/examples/voice-search/voiceSearchPlugin.tsx
@@ -1,3 +1,4 @@
+/** @jsxRuntime classic */
 /** @jsx h */
 import { AutocompletePlugin } from '@algolia/autocomplete-js';
 import { h, render } from 'preact';