Cannot read property 'innerWidth' of undefined

[imjared]

We're consistently getting this error in our isomorphic app. Not sure if this is something you've seen but flagging anyways for future weary Googlers. Will update if I find a solution.

[Abhi0725]

@imjared
I am getting the same issue. Did you find any solution?

[theolampert]

Hey, I created this for use on a small project quite a while ago and haven't looked at it since. I'm not surprised it won't render server side given the way flickity works and carousels in general, it isn't possible to measure the dimensions of DOM elements server side. Honestly I'm also not sure the approach here is the best, if you're interested there is an open PR on the flickity repo itself metafizzy/flickity#381 which has a bit more detail about the issues integrating this with react. Have either of you tried initialising the component only on the client?. Having said all that I'm open to suggestions or patches here.

[theolampert]

@imjared @Abhi0725 could you guys try installing from the dev branch? npm install https://github.com/theolampert/react-flickity-component.git#dev

[imjared]

@Abhi0725 - we ended up writing our own wrapper for flickity

[timothywisdom]

I have just found that setting the Flickity option:
watchCSS: false
makes this error go away.

[amerllica]

Flickity is awesome for jQuery or VanillaJS projects, As I use it in my DIGIKALA MAG project, But it is not very useful for React project. I unstar this repo and migrate to react-slick.

This awesome repo just kill my time.