Weird Display in RN V0.68 New Architecture Enabled

[myckhel]

Bug

Svg does not show in rn v0.68.0-rc.2 with new architecture enabled instead it shows a strange Text of 'RNSVGRect'

react-native init CleanProject --version 0.68.0-rc.2
cd CleanProject/
yarn add react-native-svg
modify android/gradle.properties -> and change to newArchEnabled=true
run the app -> react-native run-android

Environment info

React native info output:

 System:
    OS: macOS 11.6.2
    CPU: (4) x64 Intel(R) Core(TM) m3-7Y32 CPU @ 1.10GHz
    Memory: 311.86 MB / 8.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 16.13.2 - /usr/local/bin/node
    Yarn: 3.1.1 - /usr/local/bin/yarn
    npm: 8.1.2 - /usr/local/bin/npm
    Watchman: Not Found
  Managers:
    CocoaPods: 1.11.2 - /usr/local/bin/pod
  SDKs:
    iOS SDK:
      Platforms: DriverKit 21.2, iOS 15.2, macOS 12.1, tvOS 15.2, watchOS 8.3
    Android SDK: Not Found
  IDEs:
    Android Studio: 2020.3 AI-203.7717.56.2031.7935034
    Xcode: 13.2.1/13C100 - /usr/bin/xcodebuild
  Languages:
    Java: 11.0.10 - /usr/bin/javac
  npmPackages:
    @react-native-community/cli: Not Found
    react: 17.0.2 => 17.0.2 
    react-native: 0.68.0-rc.2 => 0.68.0-rc.2 
    react-native-macos: Not Found
  npmGlobalPackages:
    *react-native*: Not Found

Library version: ^12.1.1

Steps To Reproduce

1. react-native init CleanProject --version 0.68.0-rc.2
2. cd CleanProject/
3. yarn add react-native-svg
4. modify android/gradle.properties -> and change to newArchEnabled=true
5. yarn android

Describe what you expected to happen:

1. Display svg correctly

[myckhel]

RSSVG Not supported by fabric yet. reactwg/react-native-releases#13 (reply in thread)

[kelset]

@myckhel any chance you can actually prepare some repro code that shows the problem? your repro steps don't contain any code 😅

[myckhel]

Working on it.

Thanks

[myckhel]

@kelset Example repo has been created at https://github.com/myckhel/svg-fabric-unsupported

Running App

yarn install && yarn android

[sdevansh96]

hi,
I am also facing the issue in android using React Native Fabric architecture.
Any way to fix this?

[pjc0247]

Same here (rn 0.68.1)

[AlirezaHadjar]

Apparently react-native-svg is not fully compatible with new architecture yet. #1731

[pjc0247]

#1754

[andresribeiro]

#1754

even after this PR has been merged, some components are still not Fabric compatible

[WoLewicki]

I think we can close this issue now since Fabric support is released. Although, if you want to use it on Android in RN version < 0.70.0-rc.3, you need to link the components manually. There is already an issue for how to do it which I plan to resolve ASAP: #1839. Feel free to comment here if something is wrong and we can always reopen it then.