Functional React: Rudimentary State Change

Functional React: Rudimentary State Changes.js

const {fromJS} = require('immutable');
const data = fromJS({ name: 'gilbox' });

const Hello = component(function Hello ({name}, {edit}) {
  return <div>
    Hello, {name}!
    <button onClick={event => edit(data => data.updateIn(['name'], 'Maude Lebowski') }>
      Change My Name
    </button>
  </div>
});

const App = component(function App ({data}, {edit}) {
  return <Hello name={data.get('name')} statics={{edit}} />
});