update packages & remove react dependency

Author: KurtGokhan

config/env.js

@@ -40,7 +40,7 @@ const dotenvFiles = [
 // https://github.com/motdotla/dotenv-expand
 dotenvFiles.forEach(dotenvFile => {
   if (fs.existsSync(dotenvFile)) {
-    require('dotenv-expand')(
+    require('dotenv-expand').expand(
       require('dotenv').config({
         path: dotenvFile,
       })

config/webpack.config.js

@@ -657,6 +657,8 @@ module.exports = function (webpackEnv) {
   if (fs.existsSync(paths.webpackSetup)) {
     const customSetup = require(paths.webpackSetup);
 
+    console.log(`Using custom webpack config found in '${paths.webpackSetup}'`);
+
     if (typeof customSetup !== 'function') {
       throw new Error('Custom webpack config file must export a function that accepts `env` as first parameter and `defaultConfig` as second');
     }

package.json

@@ -44,71 +44,70 @@
     }
   },
   "dependencies": {
-    "@babel/core": "^7.16.7",
-    "@babel/eslint-parser": "^7.16.5",
+    "@babel/core": "^7.17.0",
+    "@babel/eslint-parser": "^7.17.0",
     "@pmmmwh/react-refresh-webpack-plugin": "^0.5.4",
-    "@types/react": "^17.0.38",
+    "@types/react": "^17.0.39",
     "@types/webpack-env": "^1.16.3",
-    "@typescript-eslint/eslint-plugin": "^5.9.1",
-    "@typescript-eslint/parser": "^5.9.1",
-    "babel-jest": "^27.4.6",
+    "@typescript-eslint/eslint-plugin": "^5.10.2",
+    "@typescript-eslint/parser": "^5.10.2",
+    "babel-jest": "^27.5.0",
     "babel-loader": "^8.2.3",
     "babel-plugin-named-asset-import": "^0.3.8",
     "babel-preset-react-app": "^10.0.1",
     "bfj": "^7.0.2",
     "camelcase": "^6.3.0",
     "case-sensitive-paths-webpack-plugin": "^2.4.0",
     "confusing-browser-globals": "^1.0.11",
-    "css-loader": "^6.5.1",
-    "dotenv": "^11.0.0",
-    "dotenv-expand": "^5.1.0",
-    "eslint": "^8.6.0",
+    "css-loader": "^6.6.0",
+    "dotenv": "^16.0.0",
+    "dotenv-expand": "^8.0.1",
+    "eslint": "^8.8.0",
     "eslint-plugin-import": "^2.25.4",
-    "eslint-plugin-jest": "^25.3.4",
+    "eslint-plugin-jest": "^26.0.0",
     "eslint-plugin-react": "^7.28.0",
     "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-testing-library": "^5.0.3",
+    "eslint-plugin-testing-library": "^5.0.5",
     "eslint-webpack-plugin": "^3.1.1",
     "file-loader": "^6.2.0",
     "fs-extra": "^10.0.0",
     "identity-obj-proxy": "^3.0.0",
-    "jest": "^27.4.7",
-    "jest-resolve": "^27.4.6",
+    "jest": "^27.5.0",
+    "jest-resolve": "^27.5.0",
     "jest-watch-typeahead": "^1.0.0",
-    "mini-css-extract-plugin": "^2.4.7",
+    "mini-css-extract-plugin": "^2.5.3",
     "null-loader": "^4.0.1",
-    "postcss": "^8.4.5",
+    "postcss": "^8.4.6",
     "postcss-loader": "^6.2.1",
     "prompts": "^2.4.2",
     "raw-loader": "^4.0.2",
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.0",
     "react-refresh": "^0.11.0",
-    "resolve": "^1.21.0",
-    "resolve-url-loader": "^4.0.0",
-    "sass": "^1.48.0",
+    "resolve": "^1.22.0",
+    "resolve-url-loader": "^5.0.0",
+    "sass": "^1.49.7",
     "sass-loader": "^12.4.0",
     "semver": "^7.3.5",
     "source-map-loader": "^3.0.1",
     "style-loader": "^3.3.1",
-    "tailwindcss": "^3.0.13",
-    "terser-webpack-plugin": "^5.3.0",
+    "tailwindcss": "^3.0.18",
+    "terser-webpack-plugin": "^5.3.1",
     "url-loader": "^4.1.1",
-    "webpack": "^5.66.0",
-    "webpack-dev-server": "^4.7.3",
+    "webpack": "^5.68.0",
+    "webpack-dev-server": "^4.7.4",
     "webpack-manifest-plugin": "^4.1.1"
   },
   "devDependencies": {
-    "react": "^17.0.2",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "optionalDependencies": {
     "fsevents": "^2.3.2"
   },
   "peerDependencies": {
-    "@reactunity/renderer": "^0.8.0",
+    "@reactunity/renderer": "^0.9.0",
     "react": ">= 16",
-    "typescript": "^4.5.4"
+    "typescript": "^4.5.5"
   },
   "peerDependenciesMeta": {
     "typescript": {

scripts/init.js

@@ -312,13 +312,13 @@ module.exports = function (
     );
   }
 
-  // Install react and react-dom for backward compatibility with old CRA cli
-  // which doesn't install react and react-dom along with react-unity-scripts
+  // Install react and @reactunity/renderer for backward compatibility with old CRA cli
+  // which doesn't install react and @reactunity/renderer along with react-unity-scripts
   if (!isReactInstalled(appPackage)) {
-    args = args.concat(['react', 'react-dom']);
+    args = args.concat(['react', '@reactunity/renderer']);
   }
 
-  // Install template dependencies, and react and react-dom if missing.
+  // Install template dependencies, and react and @reactunity/renderer if missing.
   if ((!isReactInstalled(appPackage) || templateName) && args.length > 1) {
     console.log();
     console.log(`Installing template dependencies using ${command}...`);
@@ -412,6 +412,6 @@ function isReactInstalled(appPackage) {
 
   return (
     typeof dependencies.react !== 'undefined' &&
-    typeof dependencies['react-dom'] !== 'undefined'
+    typeof dependencies['@reactunity/renderer'] !== 'undefined'
   );
 }

scripts/start.js

@@ -47,7 +47,6 @@ const paths = require('../config/paths');
 const configFactory = require('../config/webpack.config');
 const createDevServerConfig = require('../config/webpackDevServer.config');
 const getClientEnvironment = require('../config/env');
-const react = require(require.resolve('react', { paths: [paths.appPath] }));
 
 const env = getClientEnvironment(paths.publicUrlOrPath.slice(0, -1));
 const useYarn = fs.existsSync(paths.yarnLockFile);
@@ -134,14 +133,6 @@ checkBrowsers(paths.appPath, isInteractive)
         clearConsole();
       }
 
-      if (env.raw.FAST_REFRESH && semver.lt(react.version, '16.10.0')) {
-        console.log(
-          chalk.yellow(
-            `Fast Refresh requires React 16.10 or higher. You are using React ${react.version}.`
-          )
-        );
-      }
-
       console.log(chalk.cyan('Starting the development server...\n'));
     });