Невозможно получить данные о «движении» на сервере с помощью response-websocket

Question

Я использую CodeIgniter для извлечения массива объектов, чтобы получить его, используя response-websocket, но я столкнулся с ошибкой

"Firefox не может установить соединение с сервером по адресу ws: // localhost / api / render-counter "

этот код ниже поступает с серверного PHP CodeIgniter, возвращающего данные JSON

     public function renderCounter(){
      $d = array(
       'movement' => 1
      );
      echo json_encode($d);
     }

мои маршруты в CI

     $route['render-counter']     = 'Main/renderCounter';

этот код ниже от реакции рендера при отображении веб-сокета внутри рендера

     import React, { Component } from 'react';
     import Websocket from 'react-websocket';

     class App extends Component {
       constructor(props){
        super(props)
        this.state = {
        count: 90
       }
      }

      handleDataWs(data){
       let result = JSON.parse(data);
       this.setState({ count: this.state.count + result.movement });
      }

      render(){

         return (
          <div>
           Count: <strong>{this.state.count}</strong>
           <Websocket url='ws://localhost/api/render-counter' 
            onMessage={this.handleDataWs.bind(this)}/>
          </div>
         )
      }
     }
     ReactDOM.render(
      <App/>
     , document.querySelector('#root'));