Форма реакции метеора

Я пытаюсь отобразить форму с данными, хранящимися в базе данных. Если я удалю форму и заключу PositionSingle поля ввода в div, данные будут отображаться правильно, однако я не смогу внести какие-либо изменения. Когда я оборачиваю входные данные в форму, компонент не отображается.

Я новичок в реагировании на метеор, поэтому любая помощь приветствуется.

Путь: PositionSingle.jsx

render() {
    return (    
        <form className="new-position" onSubmit={this.addPosition.bind(this)}>
            <input 
                type="text" 
                ref="title"
                placeholder="Position title" 
                defaultValue={this.props.position.title} />


            <input 
                type="text" 
                ref="company"
                placeholder="Company"
                defaultValue={this.props.position.company} />       

            <button type="submit">Submit</button>
        </form>
    )
}

Путь: PositionWrapper.jsx

render() {

    return (
        <div>
            {this.positions().map( (position)=>{
                return  <PositionSingle key={position._id} position={position} />
            })}             
        </div>
    )
}