You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
it crashes when trying to set animationConfigRef value
Describe the bug
This bug only occurs in Debug mode but it's working fine in release mode.
The initial render for the screen works fine but in case of triggering rerender when any state changes it crashes with this error.
This is different to what's mentioned in the issue #496 where the bug could be solved by passing a function that returns a component to ListHeader, in my case even removing ListHeader component doesn't solve the issue.
The fix can be found here in PR 484
It has not been committed by the maintainer/s of this lib, but I have used it and it resolves the issue. Apply it using patch-package. All credit to NoahCardoza
Call Stack:
useSetupRefs
RefProvider
const animationConfigRef = useRef(animConfig);
animationConfigRef.current = animConfig;
it crashes when trying to set animationConfigRef value
Describe the bug
This bug only occurs in Debug mode but it's working fine in release mode.
The initial render for the screen works fine but in case of triggering rerender when any state changes it crashes with this error.
This is different to what's mentioned in the issue #496 where the bug could be solved by passing a function that returns a component to ListHeader, in my case even removing ListHeader component doesn't solve the issue.
To Reproduce
<DraggableFlatList horizontal showsHorizontalScrollIndicator={false} activationDistance={30} data={subImagesUris} keyExtractor={item => item} contentContainerStyle={{paddingVertical: 8}} onDragEnd={({data}) => { applyNewOrder(data); }} renderItem={({item, drag, isActive}) => ( <ScaleDecorator> <Pressable key={item} onPress={() => onSelect(item)} onLongPress={() => { Vibration.vibrate(); setTimeout(() => { Vibration.cancel(); }, 50); drag(); }} delayLongPress={125} disabled={isActive}> <Image style={styles.subContainer} source={{uri: item}} /> </Pressable> </ScaleDecorator> )} ListFooterComponent={ subImagesUris.length >= 10 ? undefined : ( <TouchableOpacity style={styles.pickSubImageButton} onPress={onPickSubImages}> <AddCircularIcon /> </TouchableOpacity> ) } />
Note that in my my case it's enough to render the component with much simpler props and error would still occur in debug mode.
Platform & Dependencies
Please list any applicable dependencies in addition to those below (react-navigation etc).
The text was updated successfully, but these errors were encountered: