send event to java Socket IO from angular application

Question

i want to send event to socket io server that ran on java spring boot application, the weird point is that my angular app can connect to server perfectly and i can get connect and disconnect events in java.but when it comes to emit an event to server or get any event from server it is not working

Java Class:

public class SocketIOServerImpl {

    public static void main(String[] args) throws InterruptedException {
        Configuration config = new Configuration();
        config.setHostname("localhost");
        config.setPort(8090);
websocket
        final SocketIOServer server = new SocketIOServer(config);

        server.addConnectListener(socketIOClient -> {
            System.out.println("User Connected");
            server.getBroadcastOperations().sendEvent("daniyal", "You Connected to Server Successfully");
        });

        server.addDisconnectListener(client -> {
            server.getBroadcastOperations().sendEvent("daniyal", "You Connected to Server Successfully");
        });

        server.addEventListener("daniyal", String.class, new DataListener<String>() {

            @Override
            public void onData(SocketIOClient socketIOClient, String s, AckRequest ackRequest) throws Exception {
                System.out.println("User Connected");
                server.getBroadcastOperations().sendEvent("daniyal", "You Emited STH to Server Successfully");
            }
        });

        server.start();
        Thread.sleep(Integer.MAX_VALUE);

        server.stop();
    }
}

angular servise.ts:

@Injectable({
  providedIn: 'root'
})
export class SocketServiceService {

  readonly uri: string = 'ws://localhost:8090';
  socket: any;

  constructor() {
    this.socket = io.connect(this.uri,{ transports: [ 'websocket' ] });
  }


  listen(eventName: string) {
    return new Observable((subscriber) => {
      this.socket.on(eventName, (data: any) => {
        subscriber.next(data);
      });
    });
  }

  emit(eventName: string, data: any) {
    this.socket.emit(eventName, data);
  }


}

app.component.ts:

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent implements OnInit {

  constructor(private socketService: SocketServiceService) {
  }

  ngOnInit() {
    this.socketService.listen('daniyal').subscribe(
      (res) => {
        console.log('Server Response: ',res);
      });
  }

  emit(){
    this.socketService.emit('daniyal','HI SERVER');
  }
}

i use angular version 14 and java 11

i expected server can get the event and when send event to client,client get that too