comprehensive-demo-react18: use pnpm overrides to alias all @rspack packages to canary versions

Author: ScriptedAlchemy

comprehensive-demo-react18/app-01/package.json

@@ -7,9 +7,9 @@
     "@babel/core": "^7.23.2",
     "@babel/preset-react": "^7.22.15",
     "@material-ui/core": "^4.12.4",
-    "@rspack/cli": "npm:@rspack-canary/[email protected]",
-    "@rspack/core": "npm:@rspack-canary/[email protected]",
-    "@rspack/dev-server": "npm:@rspack-canary/[email protected]",
+    "@rspack/cli": "1.4.11",
+    "@rspack/core": "1.4.11",
+    "@rspack/dev-server": "1.1.3",
     "babel-loader": "^9.1.3",
     "html-webpack-plugin": "^5.6.0",
     "markdown-to-jsx": "^7.3.2",
@@ -35,7 +35,7 @@
     "@module-federation/runtime": "0.17.1",
     "@module-federation/sdk": "0.17.1",
     "@pmmmwh/react-refresh-webpack-plugin": "0.5.15",
-    "@rspack/plugin-react-refresh": "npm:@rspack-canary/[email protected]",
+    "@rspack/plugin-react-refresh": "1.4.3",
     "raw-loader": "4.0.2",
     "react-refresh": "0.14.2"
   }

comprehensive-demo-react18/app-02/src/bootstrap.js

@@ -1 +1,5 @@
-import('./bootstrap');
+import App from './App';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(<App />, document.getElementById('root'));

comprehensive-demo-react18/app-02/src/index.js

@@ -1 +1,5 @@
-import('./bootstrap');
+import App from './App';
+import React from 'react';
+import ReactDOM from 'react-dom';
+
+ReactDOM.render(<App />, document.getElementById('root'));

comprehensive-demo-react18/app-03/src/index.js

@@ -24,5 +24,13 @@
     "concurrently": "8.2.2",
     "playwright": "^1.54.2",
     "wait-on": "7.2.0"
+  },
+  "pnpm": {
+    "overrides": {
+      "@rspack/cli": "npm:@rspack-canary/[email protected]",
+      "@rspack/core": "npm:@rspack-canary/[email protected]",
+      "@rspack/dev-server": "npm:@rspack-canary/[email protected]",
+      "@rspack/plugin-react-refresh": "npm:@rspack-canary/[email protected]"
+    }
   }
 }