       .then (projects) =>
         @setState {projects, loading: false}
 
-  onChangeSelect: (e) ->
-    projectsSelect = React.findDOMNode(@).querySelector('select')
-    projectId = projectsSelect.options[projectsSelect.selectedIndex].value
-    @goToProjectTalk(projectId)
+  onChangeSelect: ->
+    projectsSelect = React.findDOMNode @.refs.projectsSelect
+    @goToProjectTalk projectsSelect.value
 
   projectOption: (d, i) ->
     <option key={d.id} value={d.id}>


    else if @state.projects.length
      <div className="project-linker">
        <select onChange={@onChangeSelect}>
          {@state.projects.map(@projectOption)}
        </select>
      </div>

    nextState.projects isnt @state.projects

  goToProjectTalk: (projectId) ->
    selectedProject = null

    for project in @state.projects
      if project.id is projectId
        selectedProject = project
        break

    @transitionTo 'project-talk', 
      owner: project.links.owner.login
      name: project.slug

  setProjects: (metadata) ->
    query =
