En un proyecto express.Js , tengo socket.io instalado para mi servidor y socket.io-client para mi cliente y el proyecto se incluye con webpack5.

en mi cliente tengo este código;

 const { io } = require("socket.io-client"); const socket = io(); socket.on("connect", () => { console.log(socket.id); });

y cuando ejecuto el comando para compilarlo se compila sin problemas, pero en el navegador aparece el error;

Uncaught ReferenceError: require is not defined

Cómo puedo arreglar esto ?

no pude encontrar una buena respuesta aquí; Socket.IO - requiere no está definido

gracias de antemano.