Pages blank until after flipped about react-flip-page HOT 10 CLOSED

Update:

I think I've zeroed in on the problem. It appears the .map() function is throwing it off, because instead of returning JSX elements directly as children, it returns them as an array of children, which seems to be where the bug is coming from.

Works:

Doesn't work:

from react-flip-page.

I have merged your PR and have published a new version of the package 1.6.3 that contains your fix.

Can you please confirm it works with this version?

Thank you!

from react-flip-page.

@darenju On it 👍

from react-flip-page.

Hey @darenju I installed version 1.6.3 via yarn add react-flip-page but it appears the node_module directory doesn't contain the dist directory, so when I boot up my app it throws:

Module not found: Can't resolve 'react-flip-page' in '...'

Is this something on your end?

from react-flip-page.

If I copy over the dist directory to node_modules/react-flip-page all is well.

from react-flip-page.

Sorry, I had forgotten to build before publishing. [email protected] should work normally.

Also, there are the tests to fix because of the addition of .flat() :

TypeError: this.props.children.flat is not a function

But this shouldn’t be a problem when installing.

Edit: Tests are now fixed. Moved every call to .flat() in a new method flatChildren() :

flatChildren() {
  return Array.prototype.flat.call(this.props.children);
}

from react-flip-page.

@darenju Awesome, you're the man! Thanks for fixing the tests

from react-flip-page.

Works perfect in my implementation! 🍻

from react-flip-page.

And thank you for reporting & fixing this issue you found. It helps the component get better!

from react-flip-page.

👍 My pleasure, this component has been hugely helpful for me on the app I'm working on!

from react-flip-page.