diff --git a/src/templates/react.ts b/src/templates/react.ts
index 3a4b24f36..a7133355c 100644
--- a/src/templates/react.ts
+++ b/src/templates/react.ts
@@ -1,27 +1,27 @@
-import { Template } from './template';
-
-import basicTemplate from './basic';
-import { PackageJson } from 'type-fest';
-
-const reactTemplate: Template = {
- name: 'react',
- dependencies: [
- ...basicTemplate.dependencies,
- '@types/react',
- '@types/react-dom',
- 'react',
- 'react-dom',
- ],
- packageJson: {
- ...basicTemplate.packageJson,
- peerDependencies: {
- react: '>=16',
- },
- scripts: {
- ...basicTemplate.packageJson.scripts,
- test: 'tsdx test',
- } as PackageJson['scripts'],
- },
-};
-
-export default reactTemplate;
+import { Template } from './template';
+
+import basicTemplate from './basic';
+import { PackageJson } from 'type-fest';
+
+const reactTemplate: Template = {
+ name: 'react',
+ dependencies: [
+ ...basicTemplate.dependencies,
+ '@types/react',
+ '@types/react-dom',
+ 'react',
+ 'react-dom',
+ ],
+ packageJson: {
+ ...basicTemplate.packageJson,
+ peerDependencies: {
+ react: '>=18',
+ },
+ scripts: {
+ ...basicTemplate.packageJson.scripts,
+ test: 'tsdx test',
+ } as PackageJson['scripts'],
+ },
+};
+
+export default reactTemplate;
diff --git a/templates/react/example/index.html b/templates/react/example/index.html
index 547e2e042..0aacce248 100644
--- a/templates/react/example/index.html
+++ b/templates/react/example/index.html
@@ -1,14 +1,14 @@
-
-
-
-
-
-
- Playground
-
-
-
-
-
-
-
+
+
+
+
+
+
+ Playground
+
+
+
+
+
+
+
diff --git a/templates/react/example/index.tsx b/templates/react/example/index.tsx
index 73387c60e..12d1d4c23 100644
--- a/templates/react/example/index.tsx
+++ b/templates/react/example/index.tsx
@@ -1,14 +1,14 @@
-import 'react-app-polyfill/ie11';
-import * as React from 'react';
-import * as ReactDOM from 'react-dom';
-import { Thing } from '../.';
-
-const App = () => {
- return (
-
-
-
- );
-};
-
-ReactDOM.render(, document.getElementById('root'));
+import 'react-app-polyfill/ie11';
+import * as React from 'react';
+import * as ReactDOM from 'react-dom';
+import { Thing } from '../src';
+
+const App = () => {
+ return (
+
+
+
+ );
+};
+
+ReactDOM.render(, document.getElementById('root'));
diff --git a/templates/react/example/package.json b/templates/react/example/package.json
index a50960f5c..8b5fd79a5 100644
--- a/templates/react/example/package.json
+++ b/templates/react/example/package.json
@@ -1,24 +1,25 @@
-{
- "name": "example",
- "version": "1.0.0",
- "main": "index.js",
- "license": "MIT",
- "scripts": {
- "start": "parcel index.html",
- "build": "parcel build index.html"
- },
- "dependencies": {
- "react-app-polyfill": "^1.0.0"
- },
- "alias": {
- "react": "../node_modules/react",
- "react-dom": "../node_modules/react-dom/profiling",
- "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
- },
- "devDependencies": {
- "@types/react": "^16.9.11",
- "@types/react-dom": "^16.8.4",
- "parcel": "^1.12.3",
- "typescript": "^3.4.5"
- }
-}
+{
+ "name": "example",
+ "version": "1.2.0",
+ "main": "index.js",
+ "license": "MIT",
+ "scripts": {
+ "start": "parcel index.html",
+ "build": "parcel build index.html"
+ },
+ "dependencies": {
+ "react": "^18.2.0",
+ "react-app-polyfill": "^3.0.0",
+ "react-dom": "^18.2.0"
+ },
+ "alias": {
+ "scheduler/tracing": "../node_modules/scheduler/tracing-profiling"
+ },
+ "devDependencies": {
+ "@types/react": "^18.2.12",
+ "@types/react-dom": "^18.2.5",
+ "parcel": "^2.9.2",
+ "process": "^0.11.10",
+ "typescript": "^5.1.3"
+ }
+}