検索をオウトサーチ機能にする

質問内容・実現したいこと　以下を参考に検索機能のオウトコンプリートを実装したいです。　https://github.com/afcapel/stimulus-autocomplete-rails-example
現状発生している問題・エラーメッセージ　bootstrapが反映されずに配列がそのまま表示されてしまいます。　
どの処理までうまく動いているのか　参考サイトの通りにすると配列も出ないので以下のようにしております。　```` def autocomplete_user_username @users = User.where("username LIKE ?", "%#{params[:term]}%") render json: @users end

該当のソースコード

<div data-controller="autocomplete" data-autocomplete-url-value="<%= autocomplete_user_username_posts_path %>">
<%= form_with url: search_users_path, class: "needs-validation", method: :get do |f| %>
    <%= f.label :username, 'ユーザー名', class: "form-label" %>
    <div class="autocomplete" data-autocomplete="container">
        <%= f.text_field :username , class: "form-control rounded-start ps-5",  placeholder:"あきら" ,required: true, 'data-autocomplete-target': 'input' %>
        <%= hidden_field_tag :post_id, @post.id %>
        <input type="hidden" name="user_id" data-autocomplete-target="hidden"/>
        <ul class="autocomplete-results list-group" data-autocomplete-target="results" data-autocomplete="results"></ul>
    </div>
    <%= f.submit '検索', class: "btn btn-primary" %>
<% end %>
</div>

def autocomplete_user_username
    @users = User.where("username LIKE ?", "%#{params[:term]}%")
    render json: @users
end

  resources :posts do
resources :messages, only: [:create]
resources :favorites, only: [:create, :destroy]
get :autocomplete_user_username, :on => :collection
get 'search_users', to: 'users#search'
end

エラーから考えられる原因ブラウザのコンソールにとくにエラーはありません。参考記事が少ないので何か参考になるものがあれば教えてください。
試したこと render json: @usersこの部分を入れると配列は表示されました。

daichi-50 / selfserch

検索をオウトサーチ機能にする #67