How to connect to actioncable server via actioncable client of npm package when using devise_token_auth gem.

client.js

import ActionCable from 'actioncable'

const buildUrl = (url, parameters) {
  var qs = ''
  for (var key in parameters) {
    var value = parameters[key]
    qs += encodeURIComponent(key) + '=' + encodeURIComponent(value) + '&'
  }
  if (qs.length > 0) {
    qs = qs.substring(0, qs.length - 1)
    url = url + '?' + qs
  }
  return url
}

const tokens = {
  'access-token': 'xxx',
  'client': 'xxx',
  'uid': 'xxx'
}
const wsUrl = buildUrl(
  'ws://localhost:3000/cable',
  tokens
)
const consumer = ActionCable.createConsumer(wsUrl)
const channel = consumer.subscriptions.create({
  channel: 'HogeChannel'
}, {
  connected: (o) => console.log(o),
  disconnected: (o) => console.log(o),
  received: (o) => console.log(o),
  rejected: (o) => console.log(o)
})

// Send action
channel.perform('hoge')          

connection.rb

module ApplicationCable
  class Connection < ActionCable::Connection::Base
    identified_by :current_user

    def connect
      params = request.query_parameters()

      access_token = params["access-token"]
      uid = params["uid"]
      client = params["client"]

      self.current_user = find_verified_user(access_token, uid, client)
    end

    private

    def find_verified_user(token, uid, client_id)
      user = User.find_by(email: uid)
      if user && user.valid_token?(token, client_id)
        user
      else
        reject_unauthorized_connection
      end
    end
  end
end

hoge_channel.rb

class HogeChannel < ApplicationCable::Channel
  def subscribed
    stream_from broadcasting
  end

  def unsubscribed
  end

  def hoge
    message = 'hogeeee'
    ActionCable.server.broadcast broadcasting, message
  end

  private

  def broadcasting
    "hoge_channel_#{current_user.id}"
  end
end

routes.rb

mount ActionCable.server => '/cable'