Stephen vs Promises

App.jsx

import React from 'react';
import Component from './Component.jsx';

export default class App extends React.Component {
  
  render() {
    return <Component options={{ autoplay: true }}>
      {(status, video) => {
        
        // this error is being caught in the promise in component render, even though
        // I am only trying to catch errors from the class' method using a util file
        console.log(status);
      }}
     </Component>;
  }
  
}

Component.jsx

import React from 'react';

export default class Component extends React.Component {
  componentWillMount() {
    this.initNetflixVideoLibStuff();
  }
  
  render() {
    const { status, video } = this.state;
    const { children } = this.props;
    
    return children(
      status, 
      video, 
      preferProxy // this is not defined in scope properly, and will explode
   );
  }
  
  initNetflixVideoLibStuff(); {
    const { options } = this.props;
    return VideoUtils.init(options);
      .then(video => this.setState({ video }))
      .catch(status => this.setState({ status }); // this catches the explode in render...for fun?
  }
}