2.js

var Main = React.createClass({
    getInitialState() {
        return {
            users: [],
            messages: []
        }    
    },
    componentDidMount() {        
        //will show later                
    },
    render() {
        return (
            <div>
                <AppBar />
                <div className="row">                  
                    <div className="col s6"><ChatPane data={{nickname: this.props.nickname, 
                        messages: this.state.messages}}/></div>
                    <div className="col s6"><PresencePane data={this.state.users} /></div>
                </div>
            </div>
        );
    }
});