Cannot read property 'style' of undefined

[asdf23]

This error is found in the demo provided at
https://snack.expo.io/@bd-arc/react-native-snap-carousel-%7C-example-with-custom-interpolations

I see the same issue in my own code.

[capelski]

Running fine on Android though. The error is raised in web only

[aioia]

TypeError: Cannot read property 'style' of undefined

node_modules/react-native-pages/src/components/indicator/index.js:9
   6 | 
   7 | export default class Indicator extends PureComponent {
   8 |   static propTypes = {
>  9 |     style: ViewPropTypes.style,
  10 | 
  11 |     pages: PropTypes.number.isRequired,
  12 |     progress: PropTypes.instanceOf(Animated.Value).isRequired,

npm install expo-cli@3.28.3 --global
expo init project
npm i -S react-native-snap-carousel
npm i -S @types/react-native-snap-carousel

and useing react-native-snap-carousel then error this. (web)

[richardkarlsen]

👀

[yacaeh]

Similar error for me on web only. Works fine on android device.
TypeError: Cannot read property 'style' of undefined

Module.../../../react-native-snap-carousel/src/carousel/Carousel.js
> 46 | containerCustomStyle: ViewPropTypes ? ViewPropTypes.style : View.propTypes.style,

[shwetankshrey]

Hey! Any fixes for this?

[Lovej4972]

Run the Application on mobile not desktop web

…

On Sat, Dec 26, 2020, 6:42 AM Shwetank Shrey ***@***.*** wrote: Hey! Any fixes for this? — You are receiving this because you are subscribed to this thread. Reply to this email directly, view it on GitHub <#779 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AMHCE2VZF5SAIZQRHRQ24RLSWVZTNANCNFSM4TOR4FIA> .

[capelski]

Run the Application on mobile not desktop web

Sure, @Lovej4972! No problem when running on mobile. We'd like to get it working on desktop too though, since many of us use Expo, and we'd like to run the app as a web app from the same codebase.

[hcphoon01]

I get the same issue running snap carousel v3.9.1 on web

[sam-uraii]

I am having the same error plz help!!!! Somebody!!

[leon-do]

Same problem. looking for a solution

[capelski]

I've created a PR that fixes the issue on browsers: #820. I've never used React propTypes, so I'm not sure what consequences the fix might have. If anyone with experience on propTypes has a better solution I'll be happy to apply the changes. Cheers!

[BlameFelix]

This resolved the error for me. The carousel still doesn't work on web, but I think web is not supported by this libary anyway.

[capelski]

@BlameFelix Give a try at #820. I'm getting the carousel working on Google Chrome. What error do you get?

[BlameFelix]

Interessting. I haven't really looked into what exactly is wrong. So far it just didn't render the page. I was assuming that the libary just doesn't support web, as it says at reactnative.directory. I will check into it tomorrow

[BlameFelix]

@capelski all right I got it to work. Imo the underlying problem comes from react native web. This fixed it for me. Your PR also works but I think the fix at react native web is cleaner