fix: channel requests should occur after the sdk is initialized (#994)

## Description
Channel requests should occur after the sdk is initialized.

ticket: [CLNP-2440]

[CLNP-2440]:
https://sendbird.atlassian.net/browse/CLNP-2440?atlOrigin=eyJpIjoiNWRkNTljNzYxNjVmNDY3MDlhMDU5Y2ZhYzA5YTRkZjUiLCJwIjoiZ2l0aHViLWNvbS1KU1cifQ

Author: bang9

src/hooks/useAsyncRequest.ts

@@ -1,4 +1,4 @@
-import { useEffect, useState } from 'react';
+import { DependencyList, useEffect, useState } from 'react';
 
 interface Request<Response> {
   (): Promise<Response>;
@@ -7,6 +7,8 @@ interface Request<Response> {
 
 interface Options {
   resetResponseOnRefresh?: boolean;
+  persistLoadingIfNoResponse?: boolean;
+  deps?: DependencyList;
 }
 
 interface State<T, E = unknown> {
@@ -26,7 +28,11 @@ export function useAsyncRequest<T>(request: Request<T>, options?: Options): Retu
     try {
       setState((prev) => ({ loading: true, error: undefined, response: options?.resetResponseOnRefresh ? undefined : prev.response }));
       const response = await request();
-      setState((prev) => ({ ...prev, response, loading: false }));
+      if (response) {
+        setState((prev) => ({ ...prev, response, loading: false }));
+      } else {
+        setState((prev) => ({ ...prev, loading: Boolean(options?.persistLoadingIfNoResponse) }));
+      }
     } catch (error) {
       setState((prev) => ({ ...prev, error, loading: false }));
     }
@@ -39,7 +45,7 @@ export function useAsyncRequest<T>(request: Request<T>, options?: Options): Retu
         request.cancel();
       }
     };
-  }, []);
+  }, options?.deps ?? []);
 
   return { ...state, refresh: updateWithRequest };
 }

src/modules/ChannelSettings/context/ChannelSettingsProvider.tsx

@@ -85,24 +85,29 @@ const ChannelSettingsProvider = ({
     async () => {
       logger.info('ChannelSettings: fetching channel');
 
-      let errorMessage: string | undefined;
-
       if (!channelUrl) {
-        errorMessage = 'channel url is required';
+        logger.warning('ChannelSettings: channel url is required');
+        return;
       } else if (!sdkStore.initialized || !sdkStore.sdk) {
-        errorMessage = 'SDK is not initialized';
+        logger.warning('ChannelSettings: SDK is not initialized');
+        return;
       } else if (!sdkStore.sdk.groupChannel) {
-        errorMessage = 'GroupChannelModule is not specified in the SDK';
+        logger.warning('ChannelSettings: GroupChannelModule is not specified in the SDK');
+        return;
       }
 
-      if (errorMessage) {
-        logger.warning(`ChannelSettings: ${errorMessage}`);
-        throw new Error(errorMessage);
+      try {
+        return await sdkStore.sdk.groupChannel.getChannel(channelUrl);
+      } catch (error) {
+        logger.error('ChannelSettings: fetching channel error:', error.message);
+        throw error;
       }
-
-      return sdkStore.sdk.groupChannel.getChannel(channelUrl);
     },
-    { resetResponseOnRefresh: true },
+    {
+      resetResponseOnRefresh: true,
+      persistLoadingIfNoResponse: true,
+      deps: [sdkStore.initialized, sdkStore.sdk.groupChannel],
+    },
   );
 
   useEffect(() => {