Trim trailing slashes from single fetch data URLs

remix-run · Jul 24, 2024 · dfe63e7 · dfe63e7
1 parent 2c8eecd
commit dfe63e7
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/large-donkeys-remember.md b/.changeset/large-donkeys-remember.md
@@ -0,0 +1,5 @@
+---
+"@remix-run/react": patch
+---
+
+Ensure single fetch calls don't include any trailing slash from the pathname (i.e., /path/.data)
diff --git a/packages/remix-react/single-fetch.tsx b/packages/remix-react/single-fetch.tsx
@@ -304,7 +304,13 @@ export function singleFetchUrl(reqUrl: URL | string) {
     typeof reqUrl === "string"
       ? new URL(reqUrl, window.location.origin)
       : reqUrl;
-  url.pathname = `${url.pathname === "/" ? "_root" : url.pathname}.data`;
+
+  if (url.pathname === "/") {
+    url.pathname = "_root.data";
+  } else {
+    url.pathname = `${url.pathname.replace(/\/$/, "")}.data`;
+  }
+
   return url;
 }