javascript - Cycle.js HTTP 応答が DOM で未定義として出力される

Question

Cycle.js で HTTP リクエストの結果を DOM に出力しようとしています。現在、結果を一覧表示しようとしていますが、最終的には選択ドロップダウンになります。

ストリームを作成します...

const facilityRequest$ = xs.of({
  url: 'http://...',
  category: 'facility'
});

次に、それを選択します...

 const facilityResponse$ = sources.HTTP
  .select('facility')
  .flatten()
  .map(res => res.body.data)
  .startWith([]);

しかし、次のように結果を一番上に追加しようとすると:

const vdom$ = form$.map(form =>
  div([
    facilityResponse$.map(res => p(res.id)),
  ])
);

undefinedブラウザ ウィンドウのように表示されます。

ただし、リスナーを追加して応答をコンソールに記録すると、機能の配列が表示されます。

facilityResponse$.addListener({
  next: (res) => {
    console.log(res);
  }
})