ActionCable returning 0 or nil even when using redis

I'm trying to create a chatroom channel, but when I post a message, the page reloads quickly (but the content doesn't update) and in the recieved function in chatroom_channel.js I have a console.log that doesn't trigger, but the console log in the connected function does.The new message only appears in the chatbox after I reload the page manually. Here's my code:

/* chatroom_channel.js */

import consumer from "./consumer"consumer.subscriptions.create("ChatroomChannel", {  connected() {    // Called when the subscription is ready for use on the server    console.log('chatroom connected working')  },  disconnected() {    // Called when the subscription has been terminated by the server  },  received(data) {    console.log('recieved data')  }});

/* chatroom_channel.rb */

class ChatroomChannel < ApplicationCable::Channel  def subscribed    stream_from "chatroom_channel"  end  def unsubscribed    # Any cleanup needed when channel is unsubscribed  endend

/* messages_controller.rb */

class MessagesController < ApplicationController  # GET /messages or /messages.json  def index    @messages = Message.all  end  # POST /messages or /messages.json  def create    message = current_user.messages.build(message_params)    if message.save      ActionCable.server.broadcast("chatroom_channel", { body: message.body })    end  end  private    # Only allow a list of trusted parameters through.    def message_params      params.require(:message).permit(:body)    endend

/* cable.yml */

development:  adapter: redis  url: redis://localhost:6379/1test:  adapter: testproduction:  adapter: redis  url: <%= ENV.fetch("REDIS_URL") { "redis://localhost:6379/1" } %>  channel_prefix: message_me_app_production

/* _chatbox.html.erb */

<div class="ui card fluid raised chatbox"><div class="content"><div class="ui feed"><%=render @messages%></div></div><div class="extra content"><%= form_for(@message, html: {class: 'ui reply form'}, role: 'form', url: message_path) do |f|%><div class="field"><div class="ui fluid icon input"><%=f.text_field :body%><%=f.button '<i class="icon send"></i>'.html_safe, class: 'ui button primary'%></div></div><%end%></div></div>

/* index.html.erb */

<%if logged_in?%><h2 class="ui center aligned icon header"><i class="circular coffee icon orange"></i>    Say something</h2><div class="ui two column grid"><div class="twelve wide column"><%=render 'chatbox'%></div><div class="four wide column"><div class="ui fluid raised card chatbox"><div class="content"><div class="ui inverted vertical menu"><a class="active item">              Home</a><a class="item">              Messages</a><a class="item">              Friends</a></div></div></div></div></div><%else%><h2 class="ui center aligned icon header"><i class="circular exclamation icon orange"></i>    Log in to use the chatroom</h2><%end%>

/* connection.rb */

module ApplicationCable  class Connection < ActionCable::Connection::Base  endend

/* routes.rb */

Rails.application.routes.draw do  root 'chatroom#index'  get 'login', to: 'sessions#new'  post 'login', to: 'sessions#create'  delete 'logout', to: 'sessions#destroy'  post 'message', to: 'messages#create'  resources :user  mount ActionCable.server, at: '/cable'end

EDIT: I added routes.rb file just in case

I checked that this is not a duplicate and I've read the following questions, but none of them worked for me: ThisThisThis