UiRouter с реагировать-гибридом: как динамически регистрировать состояние

Question

У меня есть гибридный проект Angular 1 и React, в котором я использую uirouter / реагировать-гибрид.

Для Angular 1 мы динамически регистрировали состояния, назначая строки в поле component. Я хочу сделать то же самое для компонентов React.

Вот мой код:

 for (let _state in devicesStates) {
      $state.router.stateRegistry.register({
              name: devicesStates[_state].id,
              url: '/' + devicesStates[_state].url,
              component: devicesStates[_state].id
    })
}

Это не работает для компонентов React, потому что devicesStates[_state].id является строкой, и UiRouter ожидает компонент для React.