app.jsx

import React from "react"
import PropTypes from "prop-types"
import updateJsonSpec from "../plugins/deep-linking/spec-wrap-actions.js"

export default class App extends React.Component {

  getLayout() {
    let { getComponent, layoutSelectors } = this.props
    const layoutName = layoutSelectors.current()
    const Component = getComponent(layoutName, true)
    return Component ? Component : ()=> <h1> No layout defined for &quot;{layoutName}&quot; </h1>
  }

  componentDidMount() {
    const system = this.props
    const hashChngHndlr = function() {
      const system = this.props
      const ori = system.specActions.updateJsonSpec
      updateJsonSpec(ori, system)
    }
    window.onhashchange = hashChngHndlr.bind(this)
  }

  render() {
    const Layout = this.getLayout()

    return (
      <Layout/>
    )
  }
}

App.propTypes = {
  getComponent: PropTypes.func.isRequired,
  layoutSelectors: PropTypes.object.isRequired,
}

App.defaultProps = {
}