Render error

[dereksilverman]

I am getting a issue when trying to use Gemini. It's required and such. Any thoughts?

Here is my render....

render: function() {

    var namePrompt = null;

    if(!this.state.hasName) {
      namePrompt = (
          <div className="board-name-prompt-shadow">
            <div isOpen={true} onRequestClose={this.saveName} className="board-name-prompt" >
              <form onSubmit={this.saveName}>
                <h2>This Board Needs A Name</h2>
                <input ref="name" type="text" placeholder="name me!" />
                <button type="submit">Get Started!</button>
              </form>
            </div>
          </div>  
        );
    }

    var settingsCog = null;
    if(this.state.isSuperadmin) {
      settingsCog = <i onClick={this.toggleSettings} className="fa fa-cog board-settings-cog"></i>;
    }
    return (
      <div>
        <GeminiScrollbar>
          <div ref="moduleContainer" className="react-super-container">
            <div key="title" className="react-title"></div>
            <div key="mentions" className="react-mention-view"></div>
            {this.renderModules()}
            {this.renderNewModule()}
            <div key="spacer" className="spacer">X</div>
          </div>
       </GeminiScrollbar>
        {namePrompt}
        {settingsCog}
        {this.renderSettings()}
      </div>
    );
  }
});

Console error
Uncaught Error: Invariant Violation: GeminiScrollbar.render(): A valid ReactComponent must be returned. You may have returned undefined, an array or some other invalid object.

[Noel Delgado]

No idea @dereksilverman :(, did you solve the problem?