Fix Node 20.18 ESM issue

.changeset/polite-garlics-report.md

@@ -0,0 +1,5 @@
+---
+"@react-router/dev": patch
+---
+
+Import ESM package `pkg-types` with a dynamic import to avoid issues on Node 20.18 and below

.github/workflows/integration-full.yml

@@ -31,7 +31,7 @@ jobs:
     uses: ./.github/workflows/shared-integration.yml
     with:
       os: "ubuntu-latest"
-      node_version: "[20, 22]"
+      node_version: "[20.18, 22]"
       browser: '["chromium", "firefox"]'
 
   integration-windows:
@@ -49,5 +49,5 @@ jobs:
     uses: ./.github/workflows/shared-integration.yml
     with:
       os: "macos-latest"
-      node_version: "[20, 22]"
+      node_version: "[20.18, 22]"
       browser: '["webkit"]'

.github/workflows/test.yml

@@ -26,7 +26,7 @@ jobs:
       fail-fast: false
       matrix:
         node:
-          - 20
+          - 20.18
           - 22
 
     runs-on: ubuntu-latest

packages/react-router-dev/cli/commands.ts

@@ -3,7 +3,6 @@ import { readFile, writeFile } from "node:fs/promises";
 import * as path from "node:path";
 import exitHook from "exit-hook";
 import colors from "picocolors";
-import { readPackageJSON } from "pkg-types";
 // Workaround for "ERR_REQUIRE_CYCLE_MODULE" in Node 22.10.0+
 import "react-router";
 
@@ -138,6 +137,8 @@ export async function generateEntry(
     return;
   }
 
+  // TODO(v8): Remove - only required for Node 20.18 and below
+  let { readPackageJSON } = await import("pkg-types");
   let pkgJson = await readPackageJSON(rootDirectory);
   let deps = pkgJson.dependencies ?? {};
 

packages/react-router-dev/config/config.ts

@@ -8,7 +8,6 @@ import chokidar, {
   type EmitArgs as ChokidarEmitArgs,
 } from "chokidar";
 import colors from "picocolors";
-import { readPackageJSON, sortPackage, updatePackage } from "pkg-types";
 import pick from "lodash/pick";
 import omit from "lodash/omit";
 import cloneDeep from "lodash/cloneDeep";
@@ -933,6 +932,10 @@ export async function resolveEntryFiles({
       );
     }
 
+    // TODO(v8): Remove - only required for Node 20.18 and below
+    let { readPackageJSON, sortPackage, updatePackage } = await import(
+      "pkg-types"
+    );
     let packageJsonDirectory = Path.dirname(packageJsonPath);
     let pkgJson = await readPackageJSON(packageJsonDirectory);
     let deps = pkgJson.dependencies ?? {};