URL ID fixing broken for the ids #url, #ur, #rl, #u, #r, #l

[MacDue]

Found this issue with some of my SVGs. Your id replacement code both fixPropWithUrl, and getHookedXlinkHref won't work with any of these ids: #url, #ur, #rl, #u, #r, #l.

This is because you just replace the old id with the new id in the prop:

return prop.replace(id, fixedId)

When my id is #l (so the prop is url(#l)) that results in something like ur___SVG_ID__2__10___(#l)

A simple fix would be to do

return `url(#${fixedId})`

Instead

[MacDue]

I have published a fixed package here: https://www.npmjs.com/package/svg-unique-id-react (since I needed it working)

Will take it down once this is patched.

[github-actions]

🎉 This issue has been resolved in version 1.3.3 🎉

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot 📦🚀

[elderapo]

Thanks for reporting this bug. As bot said, the new fixed version has been released.