SvgUri vs SvgFromUri

[pretorh]

We have been using <SvgUri uri={...} /> to load and display svg images from a site. However this is sometimes causing a captcha page to be loaded, which then causes an app crash.
This happens when SvgUri calls SvgXml with the "xml" (really the html error page), and that fails when parseing the data.

Wrapping parse in a try catch and rendering a null fixed the crash.

But there are SvgFromUri and SvgFromXml classes in src/xml.tsx, and SvgFromXml already handles parsing errors.

We are on an old version of react-native-svg, but similar functions and classes exist on main.

What is the difference between SvgUri/SvgXml and SvgFromUri/SvgFromXml?

[jakex7]

Actually, there isn't any difference, except that *From* is a class component, whereas the classic ones are functional components. This is done for compatibility reasons and because extending Component is required for Animated support.