diff --git a/packages/react-fast-refresh/package.js b/packages/react-fast-refresh/package.js
index f37a6b5ee1..036810d29e 100644
--- a/packages/react-fast-refresh/package.js
+++ b/packages/react-fast-refresh/package.js
@@ -1,14 +1,14 @@
Package.describe({
name: 'react-fast-refresh',
- version: '0.2.3',
+ version: '0.2.4',
summary: 'Automatically update React components with HMR',
documentation: 'README.md',
devOnly: true,
});
Npm.depends({
- 'react-refresh': '0.11.0',
- semver: '7.3.4',
+ 'react-refresh': '0.14.0',
+ semver: '7.3.8',
});
Package.onUse(function(api) {
diff --git a/tools/static-assets/skel-apollo/client/main.jsx b/tools/static-assets/skel-apollo/client/main.jsx
index a42cee8ff3..d2e380f93c 100644
--- a/tools/static-assets/skel-apollo/client/main.jsx
+++ b/tools/static-assets/skel-apollo/client/main.jsx
@@ -1,8 +1,10 @@
import React from 'react';
+import { createRoot } from 'react-dom/client';
import { Meteor } from 'meteor/meteor';
-import { render } from 'react-dom';
import { App } from '/imports/ui/App';
Meteor.startup(() => {
- render(, document.getElementById('react-target'));
+ const container = document.getElementById('react-target');
+ const root = createRoot(container);
+ root.render();
});
diff --git a/tools/static-assets/skel-apollo/package.json b/tools/static-assets/skel-apollo/package.json
index 169453642c..5b0908c844 100644
--- a/tools/static-assets/skel-apollo/package.json
+++ b/tools/static-assets/skel-apollo/package.json
@@ -8,12 +8,12 @@
"visualize": "meteor --production --extra-packages bundle-visualizer"
},
"dependencies": {
- "@apollo/client": "^3.6.9",
- "@babel/runtime": "^7.18.6",
+ "@apollo/client": "^3.7.3",
+ "@babel/runtime": "^7.20.7",
"apollo-server-express": "^3.10.0",
"express": "^4.18.1",
- "graphql": "^15.8.0",
- "meteor-node-stubs": "^1.2.3",
+ "graphql": "^16.6.0",
+ "meteor-node-stubs": "^1.2.5",
"react": "^18.2.0",
"react-dom": "^18.2.0"
},
diff --git a/tools/static-assets/skel-react/client/main.jsx b/tools/static-assets/skel-react/client/main.jsx
index a42cee8ff3..d2e380f93c 100644
--- a/tools/static-assets/skel-react/client/main.jsx
+++ b/tools/static-assets/skel-react/client/main.jsx
@@ -1,8 +1,10 @@
import React from 'react';
+import { createRoot } from 'react-dom/client';
import { Meteor } from 'meteor/meteor';
-import { render } from 'react-dom';
import { App } from '/imports/ui/App';
Meteor.startup(() => {
- render(, document.getElementById('react-target'));
+ const container = document.getElementById('react-target');
+ const root = createRoot(container);
+ root.render();
});
diff --git a/tools/static-assets/skel-react/package.json b/tools/static-assets/skel-react/package.json
index 2b26e9c8cd..1b0c4457f4 100644
--- a/tools/static-assets/skel-react/package.json
+++ b/tools/static-assets/skel-react/package.json
@@ -8,10 +8,10 @@
"visualize": "meteor --production --extra-packages bundle-visualizer"
},
"dependencies": {
- "@babel/runtime": "^7.17.9",
- "meteor-node-stubs": "^1.2.1",
- "react": "^17.0.2",
- "react-dom": "^17.0.2"
+ "@babel/runtime": "^7.20.7",
+ "meteor-node-stubs": "^1.2.5",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0"
},
"meteor": {
"mainModule": {
diff --git a/tools/static-assets/skel-typescript/client/main.tsx b/tools/static-assets/skel-typescript/client/main.tsx
index 5e9849b062..523141b528 100644
--- a/tools/static-assets/skel-typescript/client/main.tsx
+++ b/tools/static-assets/skel-typescript/client/main.tsx
@@ -1,8 +1,10 @@
import React from 'react';
+import { createRoot } from 'react-dom/client';
import { Meteor } from 'meteor/meteor';
-import { render } from 'react-dom';
-import { App } from '/imports/ui/App'
+import { App } from '/imports/ui/App';
Meteor.startup(() => {
- render(, document.getElementById('react-target'));
+ const container = document.getElementById('react-target');
+ const root = createRoot(container!);
+ root.render();
});
diff --git a/tools/static-assets/skel-typescript/package.json b/tools/static-assets/skel-typescript/package.json
index 76457880f7..f9ac32d489 100644
--- a/tools/static-assets/skel-typescript/package.json
+++ b/tools/static-assets/skel-typescript/package.json
@@ -8,16 +8,16 @@
"visualize": "meteor --production --extra-packages bundle-visualizer"
},
"dependencies": {
- "@babel/runtime": "^7.17.9",
- "meteor-node-stubs": "^1.2.1",
- "react": "^17.0.2",
- "react-dom": "^17.0.2"
+ "@babel/runtime": "^7.20.7",
+ "meteor-node-stubs": "^1.2.5",
+ "react": "^18.2.0",
+ "react-dom": "^18.2.0"
},
"devDependencies": {
"@types/meteor": "^1.4.87",
"@types/mocha": "^8.2.3",
- "@types/react": "^17.0.43",
- "@types/react-dom": "^17.0.14",
+ "@types/react": "^18.0.26",
+ "@types/react-dom": "^18.0.10",
"typescript": "^4.6.4"
},
"meteor": {