fix: error message JSON body was not displaying

Author: utkarsha-deriv

src/features/Apiexplorer/SubscribeRenderer/index.tsx

@@ -32,7 +32,12 @@ function SubscribeRenderer<T extends TSocketSubscribableEndpointNames>({
   const [is_not_valid, setIsNotValid] = useState(false);
 
   useEffect(() => {
-    if (error && error.code === 'AuthorizationRequired') {
+    if (
+      error &&
+      typeof error === 'object' &&
+      'code' in error &&
+      error.code === 'AuthorizationRequired'
+    ) {
       setToggleModal(true);
     }
   }, [error]);

src/hooks/useSubscription/index.tsx

@@ -6,15 +6,10 @@ import {
 } from '@site/src/configs/websocket/types';
 import { useCallback, useState } from 'react';
 
-type TError = {
-  code?: string;
-  message?: string;
-};
-
 const useSubscription = <T extends TSocketSubscribableEndpointNames>(name: T) => {
   const [is_loading, setIsLoading] = useState(false);
   const [is_subscribed, setSubscribed] = useState(false);
-  const [error, setError] = useState<TError>();
+  const [error, setError] = useState<unknown>();
   const [data, setData] = useState<TSocketResponseData<T>>();
   const [full_response, setFullResponse] = useState<TSocketResponse<T>>();
   const [subscriber, setSubscriber] = useState<{ unsubscribe?: VoidFunction }>();
@@ -30,7 +25,7 @@ const useSubscription = <T extends TSocketSubscribableEndpointNames>(name: T) =>
   );
 
   const onError = useCallback((response: TSocketResponse<T>) => {
-    setError(response.error);
+    setError(response);
     setIsLoading(false);
     setFullResponse(null);
   }, []);