fix: multiple custom transport cleanup

Author: shanejonas

src/containers/Inspector.tsx

@@ -207,7 +207,7 @@ const Inspector: React.FC<IProps> = (props) => {
 
   useEffect(() => {
     if (selectedTransport !== undefined) {
-      setTransport(selectedTransport!);
+      setTransport(selectedTransport);
       const s: IWebTransport = selectedTransport as IWebTransport;
       if (s.schema !== undefined && s.schema !== true && s.schema !== false) {
         setTransportOptions((s.schema.examples as ExampleObject[])[0]);

src/hooks/useTransport.ts

@@ -28,7 +28,7 @@ const getTransportFromType = async (
 ): Promise<Transport> => {
   let localTransport: any;
   const localTransportType = transports.find((value) => {
-    return value.type === transport.type;
+    return value.type === transport.type && value.name === transport.name;
   });
   if (localTransportType?.type === "websocket") {
     localTransport = new WebSocketTransport(uri);
@@ -74,6 +74,7 @@ const getTransportFromType = async (
       }
       public close() {
         intermediateTransport.unsubscribe();
+        intermediateTransport.close();
         return intermediateTransport.sendData({
           internalID: 0,
           request: {
@@ -119,6 +120,10 @@ const useTransport: TUseTransport = (transports, url, defaultTransportType, tran
       return localTransport.connect().then(() => {
         setTransportConnected(true);
         setTransport(localTransport);
+      }).catch((e) => {
+        localTransport.unsubscribe()
+        localTransport.close();
+        throw e;
       });
     };