fix: link with blob not affected

Skyleen77 · Mar 4, 2024 · 6a5bcf3 · 6a5bcf3
1 parent b75ab9e
commit 6a5bcf3
Show file tree

Hide file tree

Showing 5 changed files with 19 additions and 4 deletions.
diff --git a/demo/app-dir/src/app/page.tsx b/demo/app-dir/src/app/page.tsx
@@ -55,6 +55,15 @@ export default function Home() {
       <Link className="a" href="tel:0000000000" rel="noopener noreferrer">
         Link with tel not affected
       </Link>
+      <a
+        className="a"
+        href="blob:http://localhost:3000/123456789"
+        onClick={(e) => {
+          e.preventDefault();
+        }}
+      >
+        Link with blob not affected
+      </a>
       <a className="a">Link without href won&apos;t throw error</a>
 
       <p

diff --git a/dist/index.js b/dist/index.js
diff --git a/dist/index.js.map b/dist/index.js.map
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "next-nprogress-bar",
-  "version": "2.3.1",
+  "version": "2.3.2",
   "description": "NextJS progress bar compatible with new app directory",
   "repository": {
     "type": "git",

diff --git a/src/AppProgressBar.tsx b/src/AppProgressBar.tsx
@@ -168,7 +168,10 @@ export const AppProgressBar = React.memo(
           const isNProgressDisabled =
             anchor.getAttribute('data-disable-nprogress') === 'true';
           const isNotTelOrMailto =
-            href && !href.startsWith('tel:') && !href.startsWith('mailto:');
+            href &&
+            !href.startsWith('tel:') &&
+            !href.startsWith('mailto:') &&
+            !href.startsWith('blob:');
 
           return (
             !isNProgressDisabled &&