個人会員が法人会員をフォローする機能の非同期化

Question

前提・実現したいこと

フォローボタンの非同期化

個人会員が法人会員をフォローする機能を実装しています。
フォローボタン非同期化実装中、ターミナル上に以下のエラーメッセージが発生しました。
様々試しましたが、個人と法人間でのフォロー機能のような記事は見つからず、つまってしまいましたので質問させていただきます。
モデルはcompanyとuserで分けています。
非同期ではないフォロー機能は実現できております。
非同期に詳しい方おられましたら、アドバイスいただけると幸いです。

発生している問題・エラーメッセージ

ActionView::Template::Error (undefined method `id' for #<Company::ActiveRecord_Relation:0x00007fe0940e9328>
Did you mean?  ids):
    1: $("#follow_button_<%= @company.id %>").html("<%= j(render 'public/shared/follow_button', company: @company) %>");
  
app/views/public/relationships/destroy.js.erb:1:in `_app_views_public_relationships_destroy_js_erb___2576511531470315012_70301266745840'

該当のソースコード

class Company < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable

  has_many :passive_relationships, class_name: "Relationship", foreign_key: :follower_id
  has_many :followers, through: :passive_relationships, source: :following
  has_many :articles
  has_many :contacts
  attachment :profile_image
  attachment :background_image

  def followed_by?(user)
    passive_relationships.find_by(following_id: user.id).present?
  end
end

class User < ApplicationRecord
  # Include default devise modules. Others available are:
  # :confirmable, :lockable, :timeoutable, :trackable and :omniauthable
  devise :database_authenticatable, :registerable,
         :recoverable, :rememberable, :validatable

  has_many :favorites
  has_many :favorite_articles, through: :favorites, source: :article
  has_many :active_relationships, class_name: "Relationship", foreign_key: :following_id
  has_many :followings, through: :active_relationships, source: :follower
  has_many :contacts
  attachment :profile_image

class Public::RelationshipsController < ApplicationController
  def create
    follow = current_user.active_relationships.build(follower_id: params[:user_id])
    @company = Company.where(id: follow.follower_id)
    follow.save
    # redirect_back(fallback_location: root_path)
  end

  def destroy
    follow = current_user.active_relationships.find_by(follower_id: params[:user_id])
    @company = Company.where(id: follow.follower_id)
    follow.destroy
    # redirect_back(fallback_location: root_path)
  end
end

$("#follow_button_<%= @company.id %>").html("<%= j(render 'public/shared/follow_button', company: @company) %>");

<% companies.each do |company| %>
  <div class="row">
    <div class="col-xs-3">
      <%= attachment_image_tag company, :profile_image, class: "col-xs-12", fallback: "no_image.png" %>
    </div>
    <div class="col-xs-9">
      <h4><%= link_to company.company_name, company_path(company.id) %></h4>
      <p><%= truncate(company.introduction, length: 100) %></p>
      <div id="follow_button_<%= company.id %>">
        <%= render 'public/shared/follow_button', company: company %>
      </div>
    </div>
  </div>
  <hr class="companyHr">
<% end %>

<% if user_signed_in? %>
  <% if current_user != company %>
    <% if company.followed_by?(current_user) %>
      <%= link_to "フォロー済み", user_relationships_path(company.id), method: :delete, class:"btn btn-primary btn-sm", remote: true %>
    <% else %>
      <%= link_to "フォローする", user_relationships_path(company.id), method: :post, class:"btn btn-default btn-sm", remote: true %>
    <% end %>
  <% end %>
<% end %>

試したこと

コントローラで@companyを定義し、idの情報を取得できているはずなのですが、js.erbの方にうまく渡せていない様子。
おそらく残りはjs.erbの部分だけで実現できるのではないかとは思っています。

補足情報（FW/ツールのバージョンなど）

https://qiita.com/naberina/items/c6b5c8d7756cb882fb20
https://qiita.com/yuto_1014/items/8d508b84fd0c2316ba01
こちらの記事を参考にしています。

Answer 1

記載されたエラーは、非同期が問題というより、ActicveRecordの問題だと思います。
@companyはwhereで取得しているため、.idは取得できません。

@company = Company.where(id: follow.follower_id)

を

@company = Company.find(follow.follower_id)

にすればいいかと思います。(find_by(id: follow.follower_id))

Comments

[komai]

回答ありがとうございます！
findにしたところ、機能しました！
似たようなものだと思っていましたが、厳密には違うんですね。
勉強になりました、ありがとうございました！