SVG file served as application/json

[membranophonist]

🐛 bug report

Description of the problem

Attempting to use a single SVG file with multiple symbol elements as a sprite by referencing their unique ID in a fragment identifier. This works perfectly in Firefox 64.0.2 and Chrome 71.0.3578.98. As of version 12.0.2, it's not working in Safari for macOS. From poking around in Safari's web inspector, it looks like the SVG file is being served as application/json rather than image/svg+xml. I'm not sure if that's Safari being wrong or Firefox and Chrome being lenient…

Sprite: /public/sprite.svg
TabIcons: /src/Components/Tabbar/TabIcons.js

Link to sandbox: https://codesandbox.io/s/6vvkw2168w

Your Environment

Software	Name/Version
Сodesandbox
Browser	Safari 12.0.2
Operating System	macOS 10.14.2

[membranophonist]

I've switched to another method of using SVG. Closing for now.