WebSocket connection to 'wss://alchemy-games.herokuapp.com/' failed: Error during WebSocket handshake: Unexpected response code: 200

const {createServer} = require('http');
const express = require('express');
const path = require('path');
const util = require('util')
const WebSocket = require('ws');


const controller = require('./game.js');
const rooms = {};

const PORT = process.env.PORT || 5000;


const server = express()
  .use(express.static(path.resolve(__dirname, 'build')))
  .use('/', (req, res) => {
    res.sendFile(path.resolve(__dirname, 'build'));
  })
  .listen(PORT, () => console.log(`Listening on ${ PORT }`));

var wss = new WebSocket.Server({ server: server });

wss.on('connection', function(wsClient){
  console.log(wsClient);  
});

import React, { Component } from 'react'

const HOST = window.location.origin.replace(/^http/, 'ws');
const socket = new WebSocket(HOST);

class GameProvider extends Component {
  constructor(){
    super();
    this.state = {}

    socket.onopen = (e) => {
      console.log("sockets have been connected", e)
    }
  }
}
export default class extends Component {
  render(){
    return (
        <GameProvider />
    )
  }
}