Spectaclejs slide set like ability

slideSetSpectacle.js

const SlideSet = [
  (<Slide transition={["zoom"]} bgColor="black" bgImage={images.reactEco} bgDarken={0.75}>
    <Heading size={2} fit caps lineHeight={2} textColor="white">
      My Best Presentation Ever
    </Heading>
    <Heading size={1} fit>
      Spec, Javascript, WEB, GUI & Perf
    </Heading>
  </Slide>),
  (<Slide bgColor="black">
    <BlockQuote>
      <Quote>{`If youre reading this it's too late`} </Quote>
      <Cite>@Drake</Cite>
    </BlockQuote>
  </Slide>)
];

const AnotherSlideSet = [
  <Slide><Heading>Helper</Heading></Slide>
  ];
  
export default class Presentation extends React.Component {
  render() {
    return (
      <Spectacle theme={theme}>
        <Deck transition={["zoom", "slide"]} transitionDuration={500}>
        React.Children.toArray([
         SlideSet,
          <Slide transition={["zoom", "fade"]} bgImage={images.reactPic.replace("/", "")} bgDarken={0.75} notes="<ul><li>talk about that</li><li>and that</li></ul>">
            <Heading size={1} caps textColor="primary" textFont="primary">
              ReactJS
            </Heading>
            <Text> The Best React </Text>
          </Slide>,
          AnotherSlideSet
        ])
        </Deck>
      </Spectacle>
    )
  }
}