mrousavy / react-native-blurhash

🖼️ A library to show colorful blurry placeholders while your content loads.
https://blurha.sh
MIT License
1.94k stars 70 forks source link

[BUG] RN 0.76 / New arch: Unsupported top level event type "topBlurhashLoadStart" dispatched #199

Open renchap opened 3 hours ago

renchap commented 3 hours ago

Bug

Describe the bug When running this library with React Native 0.76 and new arch enabled, this error is displayed: Unsupported top level event type "topBlurhashLoadStart" dispatched

To Reproduce Steps to reproduce the behavior:

  1. Use the library with an RN 0.76-rc. app, and the new architecture enabled
  2. Launch the app on Android
  3. Display a blurhash component

Expected behavior Everything works as expected, without errors

Screenshots

image

(Optional) Proposed solution The correct fix is probably to continue #148 and support Fabric in the library, but maybe this can be fixed by updating the non-fabric code to keep it compatible with the interop layer. Unfortunately I am not familiar enough with it to open a PR.

Environment

Additional context Add any other context or screenshots about the feature request here.

System:
  OS: macOS 15.0.1
  CPU: (10) arm64 Apple M1 Max
  Memory: 151.44 MB / 32.00 GB
  Shell:
    version: "5.9"
    path: /bin/zsh
Binaries:
  Node:
    version: 20.18.0
    path: ~/.asdf/installs/nodejs/20.18.0/bin/node
  Yarn:
    version: 4.5.1
    path: ~/.asdf/shims/yarn
  npm:
    version: 10.8.2
    path: ~/.asdf/plugins/nodejs/shims/npm
  Watchman:
    version: 2024.10.14.00
    path: /opt/homebrew/bin/watchman
Managers:
  CocoaPods:
    version: 1.15.2
    path: /Users/renchap/.asdf/shims/pod
SDKs:
  iOS SDK:
    Platforms:
      - DriverKit 24.0
      - iOS 18.0
      - macOS 15.0
      - tvOS 18.0
      - visionOS 2.0
      - watchOS 11.0
  Android SDK:
    API Levels:
      - "32"
      - "33"
      - "34"
      - "35"
    Build Tools:
      - 34.0.0
      - 35.0.0
    System Images:
      - android-24 | Google APIs ARM 64 v8a
      - android-25 | Google APIs ARM 64 v8a
      - android-28 | Google ARM64-V8a Play ARM 64 v8a
      - android-32 | Google APIs ARM 64 v8a
    Android NDK: Not Found
IDEs:
  Android Studio: 2023.3 AI-233.14808.21.2331.11842104
  Xcode:
    version: 16.0/16A242d
    path: /usr/bin/xcodebuild
Languages:
  Java:
    version: 17.0.13
    path: /usr/bin/javac
  Ruby:
    version: 3.3.5
    path: /Users/renchap/.asdf/shims/ruby
npmPackages:
  "@react-native-community/cli": Not Found
  react: Not Found
  react-native: Not Found
  react-native-macos: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: true
  newArchEnabled: true
"react": 18.3.1,
"react-native": 0.76.0-rc.6,
"react-native-blurhash": 2.0.3
maintenance-hans[bot] commented 3 hours ago

Guten Tag, Hans here! 🍻

Looks like you might be running into a valid issue with your setup. However, to help mrousavy get to ze bottom of this, we need more specific logs from your app. Please share the logs you can find in Android Studio or use adb logcat to capture runtime errors. This information will help diagnose ze problem better. Also, if you want quicker responses, consider supporting ze project by sponsoring the development. Thank you!

Note: If you think I made a mistake, please ping @mrousavy to take a look.

renchap commented 3 hours ago

Thanks Hans :D

I do not see a lot of additional details in adb logs, only this:

10-23 00:12:19.812 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@792d35d
10-23 00:12:19.828 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@cd884d2
10-23 00:12:19.830 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@d14b9a3
10-23 00:12:19.831 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@974e4a0
10-23 00:12:19.832 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@82e4859
10-23 00:12:19.846 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@3961c1e
10-23 00:12:19.863 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@fca8764
10-23 00:12:19.864 15343 15343 W unknown:WrappingUtils: Don't know how to round that drawable: com.facebook.react.views.image.ReactImageDownloadListener$EmptyDrawable@9d44dcd
10-23 00:12:19.956 15343 15695 E ReactNativeJS: Error: Unsupported top level event type "topBlurhashLoadStart" dispatched
maintenance-hans[bot] commented 3 hours ago
it ain't much, but it's honest work