Your React Application can't connect to socketIO

Tips to fix this

• Remove socket.io and socket.io-client because you are using very old versions
• Install them again

This is how you can connect now

const http = require("http")
const {Server} = require("socket.io");

const app = require("express")();

const server = http.createServer(app)

const io = new Server(server, {cors: {origin: 'http://localhost:3000'}});

io.on("connection", socket => {
  console.log("connected");
})

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

server.listen(port, () => console.log(`Listening on port ${port}`))

while cloning the repository and installing the dependencies the above error popped up

can you please fix this?

When I send a new message, I have to refresh page to show a new message on UI. Both on 2 users (send and receive message).
How can it auto refresh the page to get new message?

Steps to Reproduce
While, I run "npm run dev" command after installing all the required packages as per your instructions, the application popped an error related to Browserlist.

Error

 ./node_modules/react-dev-utils/webpackHotDevClient.js
[1] BrowserslistError: [BABEL] C:\Users\khiza\Downloads\Compressed\chat-app-master\client\node_modules\react-dev-utils\webpackHotDevClient.js: Unknown browser query `basedir=$(dirname "$(echo "$0" | sed -e 's`. Maybe you are using old Browserslist or made typo in query. (While processing: "C:\\Users\\khiza\\Downloads\\Compressed\\chat-app-master\\client\\node_modules\\babel-preset-react-app\\dependencies.js$0")
[1]     at Array.reduce (<anonymous>)
[1]     at Generator.next (<anonymous>)

Please let me know, how to fix this error.

Version

• Platform: Windows
• Node version: 12.16.1
• npm version: 6.14.9

do you got any idea on this error?
(Error in ChatBox.js)