Get the latest tech news

Cloudflare Is Breaking My SVGs?

Fixing problems that shouldn't exist

This stood out to me because React (or, rather, JSX) uses camel cases for SVG attributes, which then get converted to their hyphenated form at build time - in other words, the opposite way around. Furthermore, the fact that the Wrangler deployment didn’t have the issue indicated the problem originated from the Cloudflare Pages build process, not from how the content was being served. As I said previously, I haven’t totally ruled out those possibilities, but again, this SVG attribute mangling is only happening with the build process in Cloudflare Pages.

Get the Android app