Skip to content

Expo 55 and Avatar component not working because of reanimated #280

@tholden92

Description

@tholden92

Before submitting a new issue

  • I tested using the latest version of the library, as the bug might be already fixed.
  • I tested using a supported version of react native.
  • I checked for possible duplicate issues, with possible answers.

Bug summary

The following error is encountered when using Expo SDK 55:

ERROR [ReanimatedError: [Reanimated] Perhaps you are trying to pass an animated style to a non-animated component. Try creating an animated component using createAnimatedComponent function or use Animated.* components.]

Perhaps an easy fix?

Tried wrapping the Avatar itself in createAnimatedComponent but that did not help.

Library version

beta 13

Environment info

System:
  OS: Linux 6.18 CachyOS Linux
  CPU: (32) x64 13th Gen Intel(R) Core(TM) i9-13900K
  Memory: 17.36 GB / 30.91 GB
  Shell:
    version: "5.9"
    path: /usr/bin/zsh
Binaries:
  Node:
    version: 22.13.0
    path: /home/thomas/.nvm/versions/node/v22.13.0/bin/node
  Yarn:
    version: 1.22.22
    path: /home/thomas/.nvm/versions/node/v22.13.0/bin/yarn
  npm:
    version: 10.9.2
    path: /home/thomas/.nvm/versions/node/v22.13.0/bin/npm
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
IDEs:
  Android Studio: Not Found
Languages:
  Java:
    version: 17.0.18
    path: /usr/bin/javac
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli": Not Found
  react: Not Found
  react-native: Not Found
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: Not found
  newArchEnabled: Not found
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.83.2 is now available (your project is running on v0.83.1).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.83.2
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.83.1&to=0.83.2
info For more info, check out "https://reactnative.dev/docs/upgrading?os=linux".

Steps to reproduce

Use avatar in react native 0.83

Reproducible example repository

Dont have this

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions