Image component not working when updating react-native-svg to v14

[baselshlewett]

Description

When using <image /> component to load svg image, it shows an error as react-native-svg had a major release with v14 where they change the way imports are handled

Related to

• [X] Components
• [ ] Demo
• [ ] Docs
• [ ] Typings

Steps to reproduce

1. install react-native-ui-lib
2. install [email protected]

Expected behavior

<Image /> component to behave correctly when loading svg images.

Actual behavior

Error is thrown

More Info

Code snippet

<Image source={{uri: `${SvgImageUrl}` }} />

Environment

• React Native version: 0.72.7
• React Native UI Lib version: 7.12.0
• React Native Svg version: 14.1.0

Affected platforms

• [X] Android
• [X] iOS
• [X] Web