Inline SVG with use tag that reference external file doesn't work and potentially crashes

[strindhaug]

Steps To Reproduce

When trying to generate an image from html containing an SVG with a use tag that references an external file, it doesn't work. And if the url contains a query-string for cache busting or other characters that is invalid in a querySelector it will cause a javascript crash.

Example:
Playground for https://codesandbox.io

Error Message & Stack Trace

Uncaught (in promise) DOMException: Document.querySelector: 'svg external-symbol.svg?cacheBust=123#icon' is not a valid selector
    At https://unpkg.com/modern-screenshot:7
    S https://unpkg.com/modern-screenshot:1
    S https://unpkg.com/modern-screenshot:1
    At https://unpkg.com/modern-screenshot:7

...etc

Your Environment

• modern-screenshot: [e.g. 4.4.9]
• Browser: [e.g. chrome 111.0.5563.64]