Как загрузить socket.io-клиент в приложении React

Question

Я новичок в React и слежу за обучающим чатом Socket.io https://socket.io/get-started/chat/. Я уже построил свой проект в React, и я только что создал новый компонент, куда я хотел бы включить этот чат.

Я установил модуль socket.io и включил его в свой сервер. js Я смогу увидеть сообщение "пользователь подключен" при запуске сервера. js и refre sh моя страница. Тем не менее, я не. Кто-нибудь знает, что исправить? СПАСИБО!

const express = require("express");
const cors = require("cors");
const http = require('http');
const socketIO = require('socket.io');

const app = express();
const port = process.env.PORT || 5000;

app.use(cors());
app.use(express.json());

const server = http.createServer(app)

const io = socketIO(server)

io.on('connection', function(socket){
    console.log('a user connected');
  });


require('dotenv').config();

Я использую реактивный шлем, чтобы включить скрипт в свой компонент.

import React from "react";
import Navbar from "./Navbar";
import {Helmet} from "react-helmet";

const Chat = props => (
  <div>
    <Helmet>
      <script src="/socket.io/socket.io.js"></script>
      <script>var socket = io();</script>
    </Helmet>
    <Navbar />
    <br />
    <ul id="messages"></ul>
    <form action="">
      <input id="m" autocomplete="off" />
      <button>Send</button>
    </form>
  </div>
);

export default Chat;