FirestoreでReference型を使いたい

Question

FirebaseでReference型のデータを扱いたいのですが，どのような構造にすれば良いか分かりません．
実現したいのは次のようなデータです．

// usersモデル
{
  name: string,
  age: number,
}

// booksモデル
{
  title: string,
  isbn: string,
}

Userが複数のBookを持っているという関係をFirestoreで構造化したいです．
usersコレクションとbooksコレクションを作成するところまでは理解できるのですが，この場合，usersコレクションのドキュメントの中にさらにreference型のbooksコレクションを作成するということになるのでしょうか．それとも，usersコレクションのドキュメントのフィールドにreference型のbooksを作成するのでしょうか．
/users/{userId}/books/{bookId}のような形になることを予想しているのですが，フロントエンドで値を取ることができません．

データの構造は画像のようになっています．

↑usersコレクションの構造

↑booksコレクションの構造

↑usersコレクションのドキュメントにreference型のbooksコレクションを追加したもの

フロントエンド

import React, { useEffect } from 'react'
import { db } from './firebase'

const Sample = () => {
  const fetchData = () => {
    const userRef = db.collection('users').doc('0LMFsQseArNpIekLNkcR')
    userRef.get().then((res) => {
      console.log(res.data())  // 問題なく表示される
    })
    const bookRef = userRef.collection('books').doc('E4QxUFqMtmqwCw0yNWCF')
    bookRef.get().then((res) => {
      console.log(res)  // 理解不能なデータが表示される※
    })
  }

  useEffect(() => {
    fetchData()
  }, [])

  return <div>sample<div>
}

※ 理解不能なデータはn {o_: t, U_: i}といったもので，中身を見たのですが，理解できませんでした．

疑わしい箇所や解決策などを教えていただけると幸いです．

Answer 1

データ構造を変更することで解決しました