fullscreen.js

import React, {createClass, createElement, PropTypes} from "react";
const e = createElement;

const Fullscreen = (Component) => createClass({
  displayName: 'Fullscreen',
  getInitialState() {
    return {
      width: window.innerWidth,
      height: window.innerHeight
    };
  },

  _onResize() {
    this.setState({
      width: window.innerWidth,
      height: window.innerHeight
    });
  },
  componentDidMount() {
    window.addEventListener('resize', this._onResize, false);
  },
  componentWillUnmount() {
    window.removeEventListener('resize', this._onResize);
  },
  render() {
    const {width, height} = this.state;
    return e(Component, {width, height});
  }
});

module.exports = Fullscreen;