[BUG] Nextjs 15 passing empty string href error

[colee5]

This is happening when the connect kit modal is open, i get an error saying "An empty string ("") was passed to the href attribute. To fix this, either do not render the element at all or pass null to href instead of an empty string".

Not sure if i was getting this before i upgraded React to 19 & Nextjs to 15.1 but just laying it out here.

[madiha-right]

getting same error here

[Mixelated]

same error here

[thinkjrs]

In case this helps anyone, I got this with an incorrect/empty usage of metadata.

[97albertus]

can confirm the issue is present on canary

[metalogica]

It's an irritating bug thay only occurs in the Next JS dev env for me.

I had to use bun patch to silence the error (https://www.npmjs.com/package/patch-package for all those using npm)

[metalogica]

it seems to be a duplicate issue of an older problem referenced here: #319

[metalogica]

// node_modules/connectkit/build/index.es.js
-    const hrefUrl = typeof href === 'string' ? href : flattenChildren(href).join(''); // Need to have a flat string for the href
+    const hrefUrl = href && (typeof href === 'string' ? href : flattenChildren(href).join(''));