v2.0.3: Warning: TypeError: Cannot read property 'displayName' of undefined. when using reanimated with CellRendererComponent

[Nedi11]

No issue in 2.0.0-alpha.10
Issue present on newer versions

Current behavior

Warning: TypeError: Cannot read property 'displayName' of undefined

This error is located at:

  180 |     const AnimatedCellContainer =
> 181 |       Animated.createAnimatedComponent(CellContainer);

  const CellRenderer = (props: any) => {
    const AnimatedCellContainer =
      Animated.createAnimatedComponent(CellContainer);
   
...

    return (
      <AnimatedCellContainer {...props} style={[props.style, animatedStyles]} />
    );
  };

Expected behavior

No warning/error

To Reproduce

Install v2.0.3
use cell renderer component with reanimated

 <FlashList
 CellRendererComponent={CellRenderer}
 disableAutoLayout={true}
.../>


  const CellRenderer = (props: any) => {

    const AnimatedCellContainer =
      Animated.createAnimatedComponent(CellContainer);
...

 return (
      <AnimatedCellContainer {...props} style={[props.style, animatedStyles]} />
    ); };

Platform:

• iOS
• Android

Environment

Issue present on v2.0.3 v2.0.2 v2.0.1 v2.0.0

[lcarrettin]

Same here.

[alterhuman]

Same issue. CellContainer is not exported in these versions.

[naqvitalha]

Hi! This issue may have been addressed by #2115. Since this issue is quite old, we're going to close it. If you're still experiencing this on the latest version, please open a new issue and we'll look into it. Thanks!