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

[Basel Shlewett]

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

• Components
• Demo
• Docs
• Typings

Steps to reproduce

1. install react-native-ui-lib
2. install react-native-svg@14.0.0

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

• Android
• iOS
• Web