All files / hooks useSocket.ts

100% Statements 12/12

100% Branches 4/4

100% Functions 1/1

100% Lines 12/12

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17  
1x
1x
1x
 
1x
2x
 
2x
2x
1x
1x
 
2x
2x
2x
  /* eslint-disable react-hooks/exhaustive-deps */
import { useEffect } from "react";
import { useStores } from "./useStores";
import { SocketConnectionStatus } from "~/types/SocketConnection";
 
export const useSocket = () => {
	const { hub } = useStores();
 
	useEffect(() => {
		if (hub.connectionStatus !== SocketConnectionStatus.CONNECTED) {
			hub.service.open();
		}
 
		return () => hub.service.close();
	}, []);
};