【ActionCable】コメント機能を非同期通信にしたい【Rails6】

Question

前提・実現したいこと

基本的なコメント機能は実装済みで
さらにコメント機能をActionCableで非同期通信にする実装中です。

コメントを送信すると非同期でコメント欄に表示させるようにしたいのですが、
現状ではリロードを行わないと表示されません。

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

コメント送信（画面はそのまま、コメントは反映されない）→リロード→コメント欄に表示される
という状況です。
jQueryは非導入です

該当のソースコード

import consumer from "./consumer"

consumer.subscriptions.create("CommentChannel", {

  received(data) {
    const html = `<p>${data.content.text}</p>`;
    const comments = document.getElementById('commentid');
    const newComment = document.getElementById('comment_text');
    messages.insertAdjacentHTML('afterbegin', html);
    newComment.value='';
    }
});

class CommentChannel < ApplicationCable::Channel
  def subscribed
    stream_from "comment_channel"
  end
end

class CommentsController < ApplicationController
  
  def create
    @comment = Comment.new(comment_params)
    if @comment.save
      ActionCable.server.broadcast 'comment_channel', content: @comment
    else
      @item = @comment.item
      @comments = @item.comments
      render 'items/show'
    end
  end

  private
  def comment_params
    params.require(:comment).permit(:text).merge(user_id: current_user.id, item_id: params[:item_id])
  end
end

<p class="comments">コメント一覧</p>
<div class="comment-room", id="commentid">
  <% @comments.each do |comment| %>
    <li class="comments-list">
      <%= link_to comment.user.nickname, root_path, class: :comment_user %>
      <%= comment.text %>
      <div class="comment-created-at"><%= l comment.created_at, format: :short %></div>
    </li>
  <% end %>
</div>

<div class="comment-box">
  <% if user_signed_in? && @item.purchase_history.nil? %>
    <%= form_with(model: [@item, @comment], local: true) do |f| %>
      <form>
        <%= f.text_area :text, class: "comment-text" %>
          <button class="comment-btn">
            <%= image_tag "comment.png" , class:"comment-flag-icon" , width:"20", height:"25" %>
            <%= f.submit "コメントする", class: "comment-submit" %>
          </button>
      </form>
    <% end %>
  <% end %>
</div>

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

rails 6.0.0
devise
ActiveStorage