This lib does not work with react native 0.62

Question

This lib does not work with react native 0.62

felri opened this issue 4 years ago · comments

I'm trying to run the example code, after I install the lib via:

yarn add react-native-deck-swiper
When I try to open the app after installation I get the following:

Check the render method of `_default`.
Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

Check the render method of `_default`.
    at createFiberFromTypeAndProps (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:24667:30)
    at createFiberFromElement (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:24688:48)
    at reconcileSingleElement (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:15516:51)
    at reconcileChildFibers (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:15563:63)
    at reconcileChildren (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:17763:50)
    at updateHostComponent (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:18161:26)
    at beginWork$1 (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:19391:39)
    at apply (native)
    at invokeGuardedCallbackImpl (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:9137:21)
    at apply (native)
    at invokeGuardedCallback (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:9231:42)
    at beginWork$$1 (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:23943:34)
    at performUnitOfWork (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:23077:30)
    at workLoopSync (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:23059:45)
    at performSyncWorkOnRoot (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:22754:29)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12701:38)
    at unstable_runWithPriority (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:47555:30)
    at runWithPriority (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12653:41)
    at flushSyncCallbackQueueImpl (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12696:28)
    at flushSyncCallbackQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:12685:35)
    at scheduleUpdateOnFiber (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:22344:37)
    at enqueueSetState (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:14201:23)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:4732:37)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:111191:27)
    at dispatch (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:108207:17)
    at rehydrate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:110896:23)
    at _rehydrate (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:110245:29)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:110270:23)
    at tryCallOne (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:28860:16)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:28961:27)
    at apply (native)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32510:26)
    at _callTimer (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32400:17)
    at _callImmediatesPass (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32436:19)
    at callImmediates (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:32654:33)
    at __callImmediates (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2719:35)
    at anonymous (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2505:34)
    at __guard (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2702:15)
    at flushedQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2504:21)
    at invokeCallbackAndReturnFlushedQueue (http://localhost:8081/index.bundle?platform=android&dev=true&minify=false:2497:33)

see this image

Does anyone has the same problem? I tried to find some information on Issues but it seems nobody has this problem.

carlosfieldsierra commented 4 years ago

Any News

Don · Answer 1 · Tue May 26 2020 08:53:46 GMT+0800 (China Standard Time)

same here.

Felipe · Answer 2 · Tue May 26 2020 09:39:50 GMT+0800 (China Standard Time)

I've tried to fix the problem but I think it is out of my scope, can someone please take a look at the breaking changes from 0.62? Maybe something in the changelog makes sense to anyone:

Breaking changes
Remove PropTypes: We're removing propTypes from core components in order to reduce the app size impact of React Native core and to favor static type systems which check at compile time instead of runtime.
Remove accessibilityStates: We’ve removed the deprecated accessibilityStates property in favor of the new accessibilityState prop which is a more semantically rich way for components to describe information about their state to accessibility services.
TextInput changes: We removed onTextInput from TextInput as it’s uncommon, not W3C compliant, and difficult to implement in Fabric. We also removed the undocumented inputView prop, and selectionState.
Deprecations
AccessibilityInfo.fetch was already deprecated, but in this release we added a warning.
Setting useNativeDriver is now required to support switching the default in the future.
The ref of an Animated component is now the internal component and deprecated getNode.
Thanks

wazzupex · Answer 3 · Tue Jun 30 2020 21:46:08 GMT+0800 (China Standard Time)

I use Expo, recently upgraded to SDK38 which uses React-Native 0.62.2 and the only thing that I'm getting is the warnings for the Animated (described in release notes), no error whatsoever.

Animated: useNativeDriver was not specified. This is a required option and must be explicitly set to true or false
Animated.event now requires a second argument for options

Regards,
Alex Borba

Sunvi Wo · Answer 4 · Wed Jul 29 2020 10:23:19 GMT+0800 (China Standard Time)

I'm having the same issue as @wazzupex . It would be good it this package could be updated.

Bogdan Pop · Answer 5 · Wed Jul 29 2020 14:47:29 GMT+0800 (China Standard Time)

Fixing this issue is now a priority.

Jacques de Villiers · Answer 6 · Thu Aug 06 2020 18:01:03 GMT+0800 (China Standard Time)

See here, for a general announcement #324

Jacques de Villiers · Answer 7 · Thu Aug 06 2020 18:01:18 GMT+0800 (China Standard Time)

@webraptor - assuming you are fixing in your fork?

Bogdan Pop · Answer 8 · Mon Aug 10 2020 04:34:15 GMT+0800 (China Standard Time)

@webraptor - assuming you are fixing in your fork?

Yes, if there won't be any PRs opened for it, I will try to fix the issue asap.

Jacques de Villiers · Answer 9 · Fri Aug 21 2020 16:03:22 GMT+0800 (China Standard Time)

@felri and @yhbyOff - were either of you able to solve this issue?

Bogdan Pop · Answer 10 · Sun Aug 23 2020 03:46:57 GMT+0800 (China Standard Time)

I've forked again the repo and am looking to maintain it and hopefully in a couple of weeks we'll be able to push a npm release. There's also reports of the package working fine on RN 0.63 so the problem with it not working on .62 may be triggered by something else.

wazzupex · Answer 11 · Sat Oct 17 2020 23:50:38 GMT+0800 (China Standard Time)

May I suggest closing this topic as it was apparently fixed in the fork?! (Thanks @webraptor )