switchMap with useObservable comes back as empty every time.

[izakfilmalter]

Version info

React:
0.0.0-experimental-94c0244ba
Firebase:
7.19.1
ReactFire:
2.0.3
Other (e.g. Node, browser, operating system) (if applicable):

Test case

I am trying to do a nested lookup and then pass it into useObservable. I can get it working if I subscribe directly and save to local state, but it seems like there is an issue with using switchMap and suspeneseSubject, specifically it seems like tap is not firing correctly. This is probably an issue with my code and not suspenseSubject, still really new to RXJS.

const baseData = ({
    rootRef,
    nestedRef,
  }: {
  rootRef: Query
  nestedRef: Query
}) =>
  collectionData<unknown>(rootRef, 'id').pipe(
    switchMap(rootDocs =>
      combineLatest(
        rootDocs.map(rootDoc => {
          const filteredNestedRef = nestedRef.where(
            `foo.${rootDoc.id}.value`,
            '==',
            rootDoc.id,
          )

          return collectionData<unknown>(filteredNestedRef, 'id').pipe(
            map(nestedDocs => ({ ...rootDoc, nestedDocs })),
          )
        }),
      ),
    ),
  )

export function useNestedData({ recordId }: { recordId: string }) {
  const db = useFirestore()

  const rootPath = `collection/${recordId}/docs`

  const rootRef = db
    .collection(rootPath)

  const nestedPath = `otherCollection`

  const nestedRef = db.collection(nestedPath)

  return useObservable(baseData({ rootRef, nestedRef }), 'test')
}

Copied this pattern from the rxfire lib: https://github.com/firebase/firebase-js-sdk/blob/2245ad737ac60149dea0f24b682a9dac498759be/packages/rxfire/README.md#easily-combine-multiple-firebase-data-sources

What should I do instead?