Flutter connecting with the STOMP client as many time as I reload - flutter

Question

I'm using Flutter stomp_dart_client.
Everything works fine but the problem arises whenever I either hot reload or hot restart my program where if I press hot reload, the program will connect with my stomp client twice, if I hot reload/restart again, the program will connect with stomp client thrice and it just keeps adding up as many time as I reload.
My code:
StreamController streamController = StreamController();
var _listMessage = <String>[];
String? name;
void getName(String getName) {
name = getName;
}
String subDestination = "/topic/return-to";
void onConnect(StompFrame frame) {
print(frame.headers);
stompClient.subscribe(
destination: subDestination,
callback: (frame) {
Map<String, dynamic>? result = json.decode(frame.body!);
print(result);
print("Hi loser");
_listMessage.add(result?["name"] + " : " + result?["content"]);
streamController.sink.add(_listMessage);
},
);
stompClient.send(
destination: "/app/userData", body: json.encode({"name": name}));
}
final stompClient = StompClient(
config: StompConfig(
heartbeatOutgoing: Duration(microseconds: 1000),
url: "ws://localhost:9192/server",
onConnect: onConnect,
beforeConnect: () async {
print('waiting to connect...');
await Future.delayed(Duration(milliseconds: 200));
print('connecting...');
},
onWebSocketError: (dynamic error) =>
print("hot mess") //print(error.toString()),
),
);
List getMessages() {
return _listMessage;
}
class ChatApp extends StatefulWidget {
String name;
ChatApp({Key? key, required this.name}) : super(key: key);
// const ChatApp({Key? key}) : super(key: key);
#override
State<ChatApp> createState() => _ChatAppState();
}
class _ChatAppState extends State<ChatApp> {
TextEditingController msgController = TextEditingController();
#override
void initState() {
// TODO: implement initState
super.initState();
getName(widget.name);
stompClient.activate();
streamController.add(getMessages());
}
#override
Widget build(BuildContext context) {
return Scaffold(
body: Center(
child: Column(
children: [
Expanded(
child: StreamBuilder(
stream: streamController.stream,
builder: (context, snapshot){
if(snapshot.hasData){
var listMessage = snapshot.data as List<String>;
return ListView.builder(
itemCount: listMessage.length,
itemBuilder: (context, index){
List splitList = (listMessage[index].split(":"));
if(splitList[0].trim() == widget.name){
return Align(
alignment: Alignment.centerRight,
child: Text(
listMessage[index],
style: TextStyle(
color: Colors.blue,
),
),
);
}else {
return Text(listMessage[index]);
}
}
);
}
return CircularProgressIndicator();
}),flex: 5,
),
Expanded(
flex: 5,
child: Row(
children: [
SizedBox(
width: 200,
child: TextField(
controller: msgController,
decoration: InputDecoration(
hintText: "Chill",
),
),
),
IconButton(onPressed: (){
stompClient.send(destination: "/app/message",
body: json.encode({"content" : msgController.text,
"name" : widget.name})
);
},
icon: Icon(Icons.send))
],
),
)
],
),
),
);
}
#override
void dispose() {
// TODO: implement dispose
super.dispose();
stompClient.deactivate();
}
}
I tried connecting with my STOMP Client, it connects but when hot reloading, it end up connecting as many times as I hot restart/reload.