変数が違うというエラーが出ましたが、どこが違うのか分かりません。

Question

前提

ajax通信で、いいね機能の実装をしています。(いいねではなく、visitにしています）
以下のエラーの原因が分かりません。

# ターミナル
ActionView::Template::Error (undefined local variable or method `restaurant' for #<ActionView::Base:0x000000000103d8>
Did you mean?  @restaurants):
    1: $('#js-visits-button-<% restaurant.id %>').html("<%= j(render('visits/visit_button', restaurant: @restaurants))%>");

該当のソースコード

以下の流れに沿って記載します。
① ビュー　
② 部分ビューのbutton_to、remote: true`記載　
③コントローラー
④visits#createのjsファイル
（⑤　部分ビューに飛ぶ　）

▼views/users/show.html.erb

<p><%= "#{@user.name}のマイレストラン" %></p>
  <% if @restaurants.any? %>
    <% @restaurants.each do |restaurant| %>
      <%= render 'restaurants/restaurant', restaurant: restaurant %>
→   <%= render 'visits/visit_button', restaurant: restaurant %>
    <% end %>
  <% else %>
    <p>まだ登録されていません</p>
  <% end %>

▼views/visits/_visit_button.erb

  <% if current_user.visited?(restaurant) %>
    <%= button_to '行った', restaurant_visits_path(restaurant.id),
                            id: "js-visits-button-#{restaurant.id}",
                            class: "btn btn-sm btn-secondary",
                            method: :delete,
                            remote: true %>
  <% else %>
    <%= button_to '行ってない', restaurant_visits_path(restaurant.id),
                              id: "js-visits-button-#{restaurant.id}",
                              class: "btn btn-sm btn-accent",
                              remote: true  %>
  <% end %>

▼controllers/visits_contoroller.rb

class VisitsController < ApplicationController
  def create
    @restaurants = Restaurant.find(params[:restaurant_id])
    current_user.visit(@restaurants)
  end

  def destroy
    @restaurants = Restaurant.find(params[:restaurant_id])
    current_user.unvisited(params[:restaurant_id])
  end
end

　
▼ views/visits/create.js.erb

$('#js-visits-button-<% restaurant.id %>').html("<%= j(render('visits/visit_button', restaurant: @restaurants))%>");

エラー箇所のrender('visits/visit_button', restaurant: @restaurants))について、
部分ビューでrestaurantを使っている。
restaurantの中身はコントローラーで設定した@restaurantsとなる。
だと考えていて、自分で間違え箇所を見つけることができなかったので、助けて頂きたいです。

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

ruby 3.1.2
rails 6.1.6

Answer 1

エラー箇所のrender('visits/visit_button', restaurant: @restaurants))について、

そちらではなく、$('#js-visits-button-<% restaurant.id %>')のrestaurantが不明、ということなのではないでしょうか？

Comments

[pure_dorayaki]

ご返信ありがとうございます！
おっしゃる通りで、`$('#js-visits-button-<% restaurant.id %>')`のrestaurantの値は、コントローラーから来るということが、いまいち理解していないことに気づきました。
ありがとうございました。

```create.js.erb
$("#js-visits-button-<%= @restaurants.id %>").replaceWith("<%= j(render('visits/visit', restaurant: @restaurants))%>");
```