[RN 0.57.1] Invariant Violation: Text strings must be rendered within a <Text> component.

[danivegamx]

I'm using react-native-svg-uri in my project and I recently upgraded Xcode and RN to the latest versions 'till this issue posting. (Xcode 10, RN 0.57.1). When I want to navigate to a screen that contains this component, the app crashes with the following output:

Invariant Violation: Text strings must be rendered within a component.

If I remove the component, it works fine.

The version that I'm using from the library is: "react-native-svg-uri": "^1.2.3", "react-native-svg": "7.0.3",

Do you think this is a library issue (since I'm using RN 0.57.1) or this might be other problem?

Thanks

[fniwes]

This library seem to be a little dead. Unfortunately there is bug that cause that error in some SVG with comments or texts. You can try to use any fork of this library.. several have addressed the same issue.

Also, would be usefull to have the SVG that causes that issue.

[738]

+1

[nicholasc]

@fniwes can you link a couple of forks that have addressed the issue?

[jacoblukose]

I got the same issue.

[MikeyFriedChicken]

Same issue. Very annoying!

[robertobrogi]

there is another library same svg-uri?

[bashbers]

Can someone link a fork in which the issue is adressed?

[bashbers]

My current solution is to render the SVG URL inside a WebView. It's a hacky way of doing it, but it must suffice until this issue is addressed in the package.

[ozsirma]

Any solution ?

[ozsirma]

I started using react-native-svg-icon This library can be alternative for you.

[enmanuel-mctekk]

Same error here!

[fcpineiro]

Hi there,

As part of our internal development we've managed to solve this issue in our fork: addisonglobal/react-native-svg-uri

I'll be raising a PR in order to solve this. It's been caused by new React versions tagging componentWillReceiveProps as an unsafe lifecycle hook. We've just replaced that by splitting its functionality between getDerivedStateFromProps + componentDidUpdate methods.

Pull request: #160

[xanderdeseyn]

Same issue here.

[TarikNasraoui]

open the svg in the editor and delete the tags