create-instantsearch-app 6.1.0 → 6.2.0

package/README.md

@@ -162,11 +162,9 @@ Create InstantSearch App is [MIT licensed](LICENSE).
 
 [version-svg]: https://img.shields.io/npm/v/create-instantsearch-app.svg?style=flat-square
 [package-url]: https://npmjs.org/package/create-instantsearch-app
-[ci-svg]: https://img.shields.io/travis/algolia/create-instantsearch-app/master.svg?style=flat-square
-[ci-url]: https://travis-ci.org/algolia/create-instantsearch-app
 [ci-svg]: https://img.shields.io/circleci/project/github/algolia/create-instantsearch-app.svg?style=flat-square
 [ci-url]: https://circleci.com/gh/algolia/create-instantsearch-app
-[license-image]: http://img.shields.io/badge/license-MIT-green.svg?style=flat-square
+[license-image]: https://img.shields.io/badge/license-MIT-green.svg?style=flat-square
 [license-url]: LICENSE
 
 <!-- Links -->

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "create-instantsearch-app",
-  "version": "6.1.0",
+  "version": "6.2.0",
   "license": "MIT",
   "description": "⚡️ Build InstantSearch apps at the speed of thought",
   "keywords": [

package/src/templates/React InstantSearch/package.json

@@ -10,8 +10,8 @@
   },
   "dependencies": {
     "algoliasearch": "4",
-    "react": "16.12.0",
-    "react-dom": "16.12.0",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-instantsearch-dom": "{{libraryVersion}}",
     "react-scripts": "2.1.1"
   },

package/src/templates/React InstantSearch/src/index.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
 import './index.css';
 import App from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+createRoot(document.getElementById('root')).render(<App />);

package/src/templates/React InstantSearch Hooks/package.json

@@ -8,13 +8,15 @@
   },
   "dependencies": {
     "algoliasearch": "4",
-    "instantsearch.js": "4.40.5",
-    "react": "17.0.2",
-    "react-dom": "17.0.2",
+    "instantsearch.js": "4.43.1",
+    "react": "18.1.0",
+    "react-dom": "18.1.0",
     "react-instantsearch-hooks-web": "{{libraryVersion}}"
   },
   "devDependencies": {
-    "@types/react": "17.0.45",
-    "parcel": "2.5.0"
+    "@types/react": "18.0.15",
+    "@types/react-dom": "18.0.6",
+    "parcel": "2.5.0",
+    "typescript": "4.7.4"
   }
 }

package/src/templates/React InstantSearch Hooks/src/App.tsx.hbs

@@ -1,3 +1,4 @@
+import React from 'react';
 import algoliasearch from 'algoliasearch/lite';
 import {
   Configure,

package/src/templates/React InstantSearch Hooks/src/Panel.tsx

@@ -1,3 +1,5 @@
+import React from 'react';
+
 type PanelProps = React.PropsWithChildren<{
   header: string;
 }>;

package/src/templates/React InstantSearch Hooks/src/index.tsx

@@ -1,5 +1,6 @@
-import ReactDOM from 'react-dom';
+import React from 'react';
+import { createRoot } from 'react-dom/client';
 
 import { App } from './App';
 
-ReactDOM.render(<App />, document.getElementById('root'));
+createRoot(document.getElementById('root')!).render(<App />);