ASP.NET Core 3 and React

Stopping the client connection

When the user navigates away from the question page, we want to unsubscribe the client from the question and stop the connection. Let's look at the steps to do just that:

1. Let's start to implement a function that does this just below the setUpSignalRConnection function:

const cleanUpSignalRConnection = async (  questionId: number,  connection: HubConnection,) => {  // TODO - unsubscribe from the question  // TODO - stop the connection};

So, our function is asynchronous and takes in the question ID and connection as parameters.

2. Let's unsubscribe the client:

const cleanUpSignalRConnection = async (  questionId: number,  connection: HubConnection,) => {  if (connection.state === HubConnectionState.Connected) {    try ...