Make CJS build compatible with React Native (#277).

package.json

@@ -83,6 +83,7 @@
     "react": ">=16.8.0"
   },
   "dependencies": {
+    "@rollup/plugin-replace": "^5.0.2",
     "use-sync-external-store": "^1.0.0"
   },
   "repository": "molefrog/wouter",

rollup.config.mjs

@@ -1,3 +1,5 @@
+import replace from "@rollup/plugin-replace";
+
 // support for preact builds
 const isPreact = String(process.env.DIR).indexOf("preact") !== -1;
 
@@ -25,13 +27,26 @@ export default [
       "preact/hooks",
       "use-sync-external-store/shim/index.js",
       "use-sync-external-store/shim/index.native.js",
+      // tell Rollup not to apply any optimizations to unqualified `use-sync-external-store`
+      // import (see comment below)
+      "./use-sync-external-store",
     ],
     output: {
       dir: OUTPUT_DIR,
       format: "cjs",
       preserveModules: true,
       exports: "named",
     },
+    plugins: [
+      replace({
+        // replaces qualified import with an unqualified one
+        // so that React Native's bundler can pick up the right source file
+        // See https://github.com/molefrog/wouter/pull/277#issuecomment-1382930657
+        "./use-sync-external-store.js": "./use-sync-external-store",
+        preventAssignment: true,
+        delimiters: ["", ""],
+      }),
+    ],
   },
   {
     // TODO: migrate `static-location` to ESM object exports