Added better detection for absolute urls in link component (#5390)

Co-authored-by: Luke Walker <[email protected]>

.changeset/smart-insects-melt.md

@@ -0,0 +1,5 @@
+---
+"@remix-run/react": patch
+---
+
+Added better detection for absolute urls in `<Link>`/`<NavLink>` components ([#5286](https://github.com/remix-run/remix/pull/5286))

contributors.yml

@@ -276,6 +276,7 @@
 - lili21
 - lionotm
 - liranm
+- lkwr
 - lordofthecactus
 - lpsinger
 - lswest

packages/remix-react/components.tsx

@@ -283,16 +283,16 @@ function usePrefetchBehavior(
   ];
 }
 
+const ABSOLUTE_URL_REGEX = /^(?:[a-z][a-z0-9+.-]*:|\/\/)/i;
+
 /**
  * A special kind of `<Link>` that knows whether or not it is "active".
  *
  * @see https://remix.run/components/nav-link
  */
 let NavLink = React.forwardRef<HTMLAnchorElement, RemixNavLinkProps>(
   ({ to, prefetch = "none", ...props }, forwardedRef) => {
-    let isAbsolute =
-      typeof to === "string" &&
-      (/^[a-z+]+:\/\//i.test(to) || to.startsWith("//"));
+    let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
 
     let href = useHref(to);
     let [shouldPrefetch, prefetchHandlers] = usePrefetchBehavior(
@@ -325,9 +325,7 @@ export { NavLink };
  */
 let Link = React.forwardRef<HTMLAnchorElement, RemixLinkProps>(
   ({ to, prefetch = "none", ...props }, forwardedRef) => {
-    let isAbsolute =
-      typeof to === "string" &&
-      (/^[a-z+]+:\/\//i.test(to) || to.startsWith("//"));
+    let isAbsolute = typeof to === "string" && ABSOLUTE_URL_REGEX.test(to);
 
     let href = useHref(to);
     let [shouldPrefetch, prefetchHandlers] = usePrefetchBehavior(