[Fix:Node-v20]: Dynamic inline import for p-map

Author: HeyyyNeo

contributors.yml

@@ -452,3 +452,4 @@
 - zeromask1337
 - zheng-chuang
 - zxTomw
+- HeyyyNeo

packages/react-router-dev/CHANGELOG.md

@@ -1,5 +1,18 @@
 # `@react-router/dev`
 
+## 7.9.6
+
+### ESM import changes for p-map in vite plugin.ts
+
+- Introduce a `dynamic inline import for p-map` in vite plugin.ts to resolve node v20 bug. ([#14492](https://github.com/remix-run/react-router/pull/14492))
+
+```tsx
+import pMap from "p-map";
+// older code
+const pMap = (await import("p-map")).default;
+// dynamic inline import (this works fine)
+```
+
 ## 7.9.5
 
 ### Patch Changes

packages/react-router-dev/vite/plugin.ts

@@ -36,7 +36,6 @@ import pick from "lodash/pick";
 import jsesc from "jsesc";
 import colors from "picocolors";
 import kebabCase from "lodash/kebabCase";
-import pMap from "p-map";
 
 import * as Typegen from "../typegen";
 import type { RouteManifestEntry, RouteManifest } from "../config/routes";
@@ -2815,6 +2814,7 @@ async function handlePrerender(
     concurrency = prerender.unstable_concurrency ?? 1;
   }
 
+  const pMap = (await import("p-map")).default;
   await pMap(build.prerender, prerenderSinglePath, { concurrency });
 }