repro commit

babel.config.js

@@ -0,0 +1,42 @@
+module.exports = function (api) {
+ api.cache(true);
+
+ const presets = [
+ [
+ '@babel/preset-env',
+ {
+ targets: {
+ browsers: [
+ 'last 2 chrome versions',
+ 'last 2 firefox versions',
+ 'last 2 edge versions',
+ 'last 2 safari versions',
+ ],
+ },
+ useBuiltIns: 'entry',
+ corejs: '3.37',
+ debug: false,
+ },
+ ],
+ ['@babel/preset-react', { runtime: 'automatic' }],
+ ];
+ const plugins = [
+ [
+ '@babel/plugin-transform-runtime',
+ {
+ absoluteRuntime: false,
+ helpers: true,
+ regenerator: true,
+ },
+ ],
+ '@babel/plugin-proposal-export-default-from',
+ ];
+
+ const babelrcRoots = ['.'];
+
+ return {
+ presets,
+ plugins,
+ babelrcRoots,
+ };
+};

config-overrides.js

@@ -0,0 +1,12 @@
+// override base create-react-app webpack config
+module.exports = function override(config) {
+ // eslint-disable-next-line no-param-reassign
+ config.resolve.fallback = {
+ ...config.resolve.fallback,
+ 'process/browser': require.resolve('process/browser'),
+ };
+
+ console.log({ config });
+
+ return config;
+};

package.json

@@ -21,27 +21,40 @@
  "scripts": {
  "install:clean:hardcore": "pnpm dlx rimraf node_modules && pnpm install:clean",
  "install:clean": "pnpm dedupe && pnpm install",
- "upgr": "pnpm upgrade --recursive --latest --interactive",
- "start": "react-scripts start",
+ "upgr": "pnpm upgrade --latest --interactive",
+ "start": "pnpm build:transpiled && react-app-rewired start",
  "build": "react-scripts build",
  "test": "react-scripts test",
  "eject": "react-scripts eject",
  "format": "prettier --write \"{**/*,*}.{js,ts,jsx,tsx,json,yml,yaml,xml,html,css,less,sass,scss,md,sh,graphql,gql}\"",
- "format:check": "prettier --list-different \"{**/*,*}.{js,ts,jsx,tsx,json,yml,yaml,xml,html,less,sass,scss,md,sh,graphql,gql}\""
+ "format:check": "prettier --list-different \"{**/*,*}.{js,ts,jsx,tsx,json,yml,yaml,xml,html,less,sass,scss,md,sh,graphql,gql}\"",
+ "build:transpiled": "rimraf src/transpiled && babel --root-mode upward src --out-dir src/transpiled --copy-files --source-maps"
  },
  "dependencies": {
- "@reduxjs/toolkit": "2.2.1",
- "@testing-library/jest-dom": "6.4.2",
- "@testing-library/react": "14.2.1",
- "@testing-library/user-event": "14.5.2",
- "react": "18.2.0",
- "react-dom": "18.2.0",
- "react-redux": "9.1.0",
- "react-router-dom": "6.22.3",
+ "@babel/runtime": "7.24.7",
+ "@reduxjs/toolkit": "2.2.5",
+ "process": "0.11.10",
+ "react": "18.3.1",
+ "react-app-rewired": "2.2.1",
+ "react-dom": "18.3.1",
+ "react-redux": "9.1.2",
+ "react-router-dom": "6.23.1",
  "react-scripts": "5.0.1"
  },
  "devDependencies": {
- "prettier": "3.2.5"
+ "@babel/cli": "7.24.7",
+ "@babel/core": "7.24.7",
+ "@babel/plugin-proposal-export-default-from": "7.24.7",
+ "@babel/plugin-transform-react-jsx": "7.24.7",
+ "@babel/plugin-transform-runtime": "7.24.7",
+ "@babel/preset-env": "7.24.7",
+ "@babel/preset-react": "7.24.7",
+ "@testing-library/dom": "10.1.0",
+ "@testing-library/jest-dom": "6.4.6",
+ "@testing-library/react": "16.0.0",
+ "@testing-library/user-event": "14.5.2",
+ "prettier": "3.3.2",
+ "webpack": "5.92.1"
  },
  "eslintConfig": {
  "extends": "react-app"