【Rails6】JavaScriptで子テーブルのデータを参照したい

Question

###Gemのgonを使用して、JSで親が選択されたときに子を表示したい

親：sheet
子：item
１対多の関係

    @sheets = current_user.sheets.all
    gon.sheets = @sheets

上記で
「sheets[シート番号].items」でrailsでは親要素とつながりのあるitemの一覧がみれますが
gonを使用したJSからはデータを参照できませんでした

まとめて関連のあるitemのデータも持って行きたいのですが
「sheets[シート番号].items」でitemのデータが見れるようにするにはどうすれば良いでしょうか

    sheets = current_user.sheets.all
    @sheets = sheets.joins(:items).preload(:items)
    gon.sheets = @sheets

上記も試してみましたが親が子要素の数だけ増えてしまって
少し思っていたのと違う感じでした
参照もうまくできませんでした