【rails6】Gemのgonでデータを参照したい

解決したいこと

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

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

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

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

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

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

上記も試してみましたが親が子要素の数だけ増えてしまって
少し扱いにくいな・・・という印象
参照もうまくできませんでした