add react-app-rewired to fix CRA

Author: jordaaash

README.md

@@ -8,7 +8,9 @@ This is a simple monorepo template with some specific design goals:
 * Watch mode works
 * ESM and CJS work (with distinct build outputs)
 * Vanilla TS and React packages work
-* Create React App works (with hot module reloading of the entire workspace)
+* Create React App works* (with hot module reloading of the entire workspace)
+
+\* Create React App, which uses Webpack 5, can't resolve ES modules without .mjs file extensions by default, so [react-app-rewired](https://github.com/timarney/react-app-rewired) is minimally used to [configure Webpack](packages/app/create-react-app/config-overrides.js) to do this.
 
 ## Prerequisites
 

packages/app/create-react-app/config-overrides.js

@@ -0,0 +1,10 @@
+module.exports = function (config) {
+    config.module.rules.push({
+        test: /\.m?js$/,
+        resolve: {
+            fullySpecified: false,
+        },
+    });
+
+    return config;
+};

packages/app/create-react-app/package.json

@@ -3,15 +3,16 @@
     "version": "0.1.0",
     "private": true,
     "dependencies": {
-        "@testing-library/jest-dom": "^5.16.4",
+        "@testing-library/jest-dom": "^5.16.5",
         "@testing-library/react": "^13.3.0",
         "@testing-library/user-event": "^13.5.0",
         "@types/jest": "^27.5.2",
         "@types/node": "^16.11.47",
         "@types/react": "^18.0.15",
         "@types/react-dom": "^18.0.6",
-        "@types/testing-library__jest-dom": "^5.0.0",
+        "@types/testing-library__jest-dom": "^5.14.5",
         "react": "^18.2.0",
+        "react-app-rewired": "^2.2.1",
         "react-dom": "^18.2.0",
         "react-scripts": "5.0.1",
         "shx": "^0.3.4",
@@ -21,10 +22,10 @@
     },
     "scripts": {
         "clean": "shx mkdir -p build && shx rm -rf build",
-        "start": "react-scripts start",
-        "build": "react-scripts build",
         "prebuild": "pnpm run clean",
-        "test": "react-scripts test",
+        "start": "react-app-rewired start",
+        "build": "react-app-rewired build",
+        "test": "react-app-rewired test",
         "eject": "react-scripts eject"
     },
     "eslintConfig": {