SvgUri blocks rendering thread and fe filters not applied on Android in react-native-svg@15.11.2 with React Native 0.76.9

[karthik-narayan-v]

Description

After upgrading to react-native@0.76.9 and react-native-svg@15.11.2, We noticed that SVG filter effects (are not working properly after the upgrade.

SVGs containing filter effects render correctly when used as local components via react-native-svg-transformer.

But when rendering the same SVG via SvgUri, the app hangs and blocks the JS thread.
On Android, filter effects are not visually applied at all (even via Svg or SvgXml) after the upgrade.

This issue did not exist in react-native@0.71.7 with react-native-svg@13.9.0.

Expected Behavior:

• Filter effects (<fe*>) should apply correctly on both Android and iOS.
• The app should not hang or block rendering thread when using SvgUri.

Actual Behavior

• Using SvgUri causes the app to hang indefinitely (thread blocked).
• On Android, filter effects are not visible at all.
• Only rendering it via Svg as a JSX component works partially (iOS only).

Steps to reproduce

Create a React Native app with:
react-native@0.76.9
react-native-svg@15.11.2

Use an SVG with a tag and <fe*> elements
Render this SVG via SvgUri using a remote hosted SVG URL

Snack or a link to a repository

na

SVG version

15.11.2

React Native version

0.76.9

Platforms

Android

JavaScript runtime

Hermes

Workflow

React Native

Architecture

None

Build type

None

Device

Android emulator

Device model

No response

Acknowledgements

Yes

[github-actions]

Hey! 👋

The issue doesn't seem to contain a minimal reproduction.

Could you provide a snack or a link to a GitHub repository under your username that reproduces the problem?

[github-actions]

Hey! 👋

It looks like you've omitted a few important sections from the issue template.

Please complete Snack or a link to a repository section.