disconnect on component unmount
This commit is contained in:
@@ -197,7 +197,7 @@ function useSocketHandler(linesData: MasterLineData[]) {
|
|||||||
|
|
||||||
$ws.io.on("close", () => {
|
$ws.io.on("close", () => {
|
||||||
console.error(
|
console.error(
|
||||||
"there was a problem with your app...connection closed likely due to idling"
|
"SOCKET | there was a problem with your app...connection closed likely due to idling or manual disconnect"
|
||||||
);
|
);
|
||||||
toast.error(
|
toast.error(
|
||||||
"SOCKETS | connection closed with websockets!!!! either reload app or manually reconnect here"
|
"SOCKETS | connection closed with websockets!!!! either reload app or manually reconnect here"
|
||||||
@@ -214,6 +214,11 @@ function useSocketHandler(linesData: MasterLineData[]) {
|
|||||||
// this should overall remount this component currently which is what we want for new data
|
// this should overall remount this component currently which is what we want for new data
|
||||||
queryClient.invalidateQueries("SERVER_CHECK");
|
queryClient.invalidateQueries("SERVER_CHECK");
|
||||||
});
|
});
|
||||||
|
|
||||||
|
// on unmounting this component, we want to disconnect
|
||||||
|
return () => {
|
||||||
|
$ws.disconnect();
|
||||||
|
};
|
||||||
}, []);
|
}, []);
|
||||||
|
|
||||||
/** handle initial data coming in and creating the initial line map
|
/** handle initial data coming in and creating the initial line map
|
||||||
|
|||||||
Reference in New Issue
Block a user