socket.io not working locally, but ws work fine - node.js

Question

So I have been searching for a solution for over 4 hours. I'm currently at the end of my resources.
Some background:
I have been trying to implement a socket.io solution for a WebSocket server - I like the extra functionality from this stack. However, I ran a ws server before, and didn't have any issue connecting to it.
I tried connecting to the server by using Postman, and my url that I want to connect to is ws://localhost:3001 and this is the error I'm receiving:
Error: socket hang up
Handshake Details
Request URL: http://localhost:3001/
Request Method: GET
Request Headers
Sec-WebSocket-Version: 13
Sec-WebSocket-Key: cShC021nW+/sgNEMisMOaw==
Connection: Upgrade
Upgrade: websocket
Sec-WebSocket-Extensions: permessage-deflate; client_max_window_bits
Host: localhost:3001
Here is my code that I am running on my local server for testing purposes for socket.io:
const express = require('express');
const socketIO = require('socket.io');
const port = process.env.PORT || 3001;
let app = express();
let server = http.createServer(app);
let io = socketIO(server);
io.on('connection', (socket) => {
console.log('A new user just connected');
});
server.listen(port, () => {
console.log(`Server is up on port ${port}`);
});
Here is my code for ws that is working fine:
const app = express();
const server = require('http').createServer(app);
const WebSocket = require('ws');
const { uuid } = require('uuidv4');
const wss = new WebSocket.Server({ server: server });
wss.on('connection', (ws) => {
let initMsg = {
id: uuid(),
msg: 'Welcome to the server, please take your ticket',
};
ws.on('message', (msg) => {
wss.clients.forEach((client) => {
if (client !== ws && client.readyState === WebSocket.OPEN) {
client.send(msg.toString());
}
});
});
});
server.listen(3002, () => {
console.log('listening on port 3000');
});
Package.json:
"dependencies": {
"express": "^4.17.2",
"moment": "^2.29.1",
"socket.io": "^2.4.1"
}
Thanks in advance... :)