refactor(react): only ship es modules (#26044)

BREAKING CHANGE:

`@ionic/react` and `@ionic/react-router` no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.

BREAKING.md

@@ -25,6 +25,7 @@ This is a comprehensive list of the breaking changes introduced in the major ver
   - [Textarea](#version-7x-textarea)
   - [Virtual Scroll](#version-7x-virtual-scroll)
 - [JavaScript Frameworks](#version-7x-javascript-frameworks)
+  - [React](#version-7x-react)
   - [Vue](#version-7x-vue)
 - [Utilities](#version-7x-utilities)
   - [hidden attribute](#version-7x-hidden-attribute)
@@ -143,6 +144,10 @@ Any references to the virtual scroll types from `@ionic/core` have been removed.
 
 <h2 id="version-7x-javascript-frameworks">JavaScript Frameworks</h2>
 
+<h4 id="version-7x-react">React</h4>
+
+`@ionic/react` and `@ionic/react-router` no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.
+
 <h4 id="version-7x-vue">Vue</h4>
 
 `@ionic/vue` and `@ionic/vue-router` no longer ship a CommonJS entry point. Instead, only an ES Module entry point is provided for improved compatibility with Vite.

packages/react-router/package.json

@@ -31,7 +31,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/"

packages/react-router/rollup.config.js

@@ -4,16 +4,11 @@ import resolve from '@rollup/plugin-node-resolve';
 export default {
   input: 'dist-transpiled/index.js',
   output: [
-    {
-      file: 'dist/index.esm.js',
-      format: 'es',
-      sourcemap: true,
-    },
     {
       file: 'dist/index.js',
-      format: 'commonjs',
+      format: 'es',
       sourcemap: true,
-    },
+    }
   ],
   external: (id) => !/^(\.|\/)/.test(id),
   plugins: [resolve(), sourcemaps()],

packages/react/package.json

@@ -34,7 +34,6 @@
     "sync": "sh ./scripts/sync.sh"
   },
   "main": "dist/index.js",
-  "module": "dist/index.esm.js",
   "types": "dist/types/index.d.ts",
   "files": [
     "dist/",

packages/react/rollup.config.js

@@ -10,17 +10,11 @@ export default {
   output: [
     {
       dir: 'dist/',
-      entryFileNames: '[name].esm.js',
-      chunkFileNames: '[name]-[hash].esm.js',
+      entryFileNames: '[name].js',
+      chunkFileNames: '[name]-[hash].js',
       format: 'es',
       sourcemap: true,
-    },
-    {
-      dir: 'dist/',
-      format: 'commonjs',
-      preferConst: true,
-      sourcemap: true,
-    },
+    }
   ],
   external: (id) => !/^(\.|\/)/.test(id),
   plugins: [