Can't Import children to Deck to Component

I wanted to modularize my presentation so I did something like this:

<Deck { ...deckProps }>
    <CustomSlideComponent />  // a wrapper for <Slide />
</Deck>

But this throws an error: warning.js:45 Warning: Failed propType: Invalid prop children supplied to Deck, expected a ReactNode. Check the render method of Connect(Deck).

I’m using Redux but it doesn’t seem like thats the issue.

If I simply nest a Slide and accopmanying children, there is no error.

[dumbNickname]

I wanted to cut my presentation into smaller parts as well and bumped from the same problem. I found a nice solution here: https://github.com/MarkRedeman/mutation-testing-in-php/blob/master/src/slidify.js (all the credits go to @MarkRedeman) and used it in my presentation as well: https://github.com/dumbNickname/summit2016-react-redux . Maybe spactacle could expose such a utils function (probably it would be easier to maintain than some children lookup logic). Hope it helps!

[gpltaylor]

I had the same issue. Was surprised that someone was able to make React Components not support Components. This is not an easy thing to break! :insert smiley face here:

The following allows you to split up the code base and include where required. As the code needs a given Type (For example a Slide) if the Component is not of this type (or implements the expected members) then the code dies. It doesn’t handle this gracefully.

This is a little poor as I would like to use this for a lot of presentations as the idea is sound. However, I don’t want lots of JS projects with slides copied and pasted.

https://gist.github.com/gpltaylor/d0e6a25bcacc00dddda19295a7eb2dd1