fix(remix-dev): require.resolve isolateChunks for pnpm (#5637)

Signed-off-by: Logan McAnsh <logan@mcan.sh>

Author: mcansh

.changeset/fluffy-dragons-reflect.md

@@ -0,0 +1,6 @@
+---
+"remix": patch
+"@remix-run/dev": patch
+---
+
+resolves an issue when resolving react-refresh for pnpm users

packages/remix-dev/compiler/compileBrowser.ts

@@ -134,13 +134,13 @@ const createEsbuildConfig = (
   if (mode === "development" && config.future.unstable_dev) {
     // TODO prebundle deps instead of chunking just these ones
     let isolateChunks = [
-      "react",
-      "react/jsx-dev-runtime",
-      "react/jsx-runtime",
-      "react-dom",
-      "react-dom/client",
-      "react-refresh/runtime",
-      "@remix-run/react",
+      require.resolve("react"),
+      require.resolve("react/jsx-dev-runtime"),
+      require.resolve("react/jsx-runtime"),
+      require.resolve("react-dom"),
+      require.resolve("react-dom/client"),
+      require.resolve("react-refresh/runtime"),
+      require.resolve("@remix-run/react"),
       "remix:hmr",
     ];
     entryPoints = {

packages/remix-dev/compiler/plugins/hmrPlugin.ts

@@ -19,8 +19,11 @@ export let hmrPlugin = ({
         };
       });
       build.onLoad({ filter: /.*/, namespace: "hmr-runtime" }, () => {
+        let reactRefreshRuntime = require
+          .resolve("react-refresh/runtime")
+          .replace(/\\/g, "/");
         let contents = `
-import RefreshRuntime from "react-refresh/runtime";
+import RefreshRuntime from "${reactRefreshRuntime}";
 
 declare global {
   interface Window {