React-native-svg: ForeignObject not working on ios/android

[guiguithub]

Hello,

I'm trying to use the ForeignObject component in my expo project but it returns me this error below
I wanted to use this component in order to display non-svg components like Text/TextInput in svg tags.

React native info output:

Library version: [email protected]

Sample code

here is the code i'm trying to run :

http://pastebin.fr/60472

Is it possible to check why this error is happening ?
Thank you very much for your help

[msand]

Not sure if expo has any of the versions including ForeignObject yet.

[JoBerkner]

I have the exact same issue with Expo.
@msand

Not sure if expo has any of the versions including ForeignObject yet.

What do you mean by that? The react-native-svg version? I just removed my npm cache, installed react-native-svg again and I can see that in my and the nodes_module's package.json file of the library the version is 12.1.0. But I still get the same error as @guiguithub . Also, the ForeignObject.js file exists in the module > elements folder... Not sure what to do...

[JoBerkner]

I got it... Somehow instead of importing it this way:
import { Circle, ForeignObject } from 'react-native-svg';

I need to import it this way:
import ForeignObject, { Circle } from 'react-native-svg';