socket io - client with app rouer next 14

[linaffilomania]

hi I try to connect to socket-io in the client and I get this error

app->page.js 'use client';

import { useEffect, useMemo, useState } from 'react';

const Home = () => {
  useEffect(() => {
    const onNewConnection = async () => {
    };
    socket.on('newConnection', onNewConnection);
    return () => {
      socket.disconnect();
    };
  }, []);
  useEffect(() => {
    const onNewTrace = () => {
    };
    const onExpiredTrace = () => {
    };
    socket.on('newTrace', onNewTrace);
    socket.on('expiredTrace', onExpiredTrace);
  }, [socket]);
  return (  <div className="flex flex-col flex-1 basis-full p-8 gap-8" />);
};
export default Home;```
-------------------------------------------------------------------------------------

app->socket.js
import { io } from 'socket.io-client';

export const socket = io('http://0.0.0.0:8083/');
-------------------------------------------------------------------------------------
this the error:
uncaughtException: TypeError: isValidUTF8 is not a function
    at module.exports.isValidUTF8 (webpack-internal:///(ssr)/./node_modules/ws/lib/validation.js:120:53)
    at Receiver.dataMessage (webpack-internal:///(ssr)/./node_modules/ws/lib/receiver.js:517:43)
    at Receiver.getData (webpack-internal:///(ssr)/./node_modules/ws/lib/receiver.js:446:17)
    at Receiver.startLoop (webpack-internal:///(ssr)/./node_modules/ws/lib/receiver.js:148:22)
    at Receiver._write (webpack-internal:///(ssr)/./node_modules/ws/lib/receiver.js:83:10)
    at writeOrBuffer (node:internal/streams/writable:392:12)
    at _write (node:internal/streams/writable:333:10)
    at Writable.write (node:internal/streams/writable:337:10)
    at Socket.socketOnData (webpack-internal:///(ssr)/./node_modules/ws/lib/websocket.js:1272:35)
    at Socket.emit (node:events:514:28)
    at addChunk (node:internal/streams/readable:324:12)
    at readableAddChunk (node:internal/streams/readable:297:9)
    at Readable.push (node:internal/streams/readable:234:10)
    at TCP.onStreamRead (node:internal/stream_base_commons:190:23)
    at TCP.callbackTrampoline (node:internal/async_hooks:130:17)

[Andy-Intelligence]

install this the error should go
npm install ws bufferutil utf-8-validate

[tecnopulsar]

Thank's you solve my problem, say hello from Argentine, VLLC