Do not throw during scroll restoration if the url hash is not a valid URI component (#13247)

Author: vezaynk

.changeset/proud-scissors-tickle.md

@@ -0,0 +1,5 @@
+---
+"react-router": patch
+---
+
+Do not throw if the url hash is not a valid URI component

contributors.yml

@@ -386,6 +386,7 @@
 - ValiantCat
 - vdusart
 - vesan
+- vezaynk
 - VictorElHajj
 - vijaypushkin
 - vikingviolinist

packages/react-router/lib/dom/lib.tsx

@@ -2090,14 +2090,21 @@ export function useScrollRestoration({
       }
 
       // try to scroll to the hash
-      if (location.hash) {
-        let el = document.getElementById(
-          decodeURIComponent(location.hash.slice(1))
-        );
-        if (el) {
-          el.scrollIntoView();
-          return;
+      try {
+        if (location.hash) {
+          let el = document.getElementById(
+            decodeURIComponent(location.hash.slice(1))
+          );
+          if (el) {
+            el.scrollIntoView();
+            return;
+          }
         }
+      } catch {
+        warning(
+            false,
+            `"${location.hash.slice(1)}" is not a decodable element ID. The view will not scroll to it.`
+          );
       }
 
       // Don't reset if this navigation opted out