@dynamic-labs/sdk-react-core 0.18.0-RC.2 → 0.18.0-RC.21

package/src/lib/utils/hooks/useEventListener/useEventListener.js

@@ -0,0 +1,21 @@
+import { useRef, useEffect } from 'react';
+
+const useEventListener = (eventName, handler) => {
+    // Create a ref that stores handler
+    const savedHandler = useRef(handler);
+    useEffect(() => {
+        // Define the listening target
+        const targetElement = window;
+        if (!(targetElement && targetElement.addEventListener))
+            return;
+        // Create event listener that calls handler function stored in ref
+        const listener = (event) => savedHandler.current(event);
+        targetElement.addEventListener(eventName, listener);
+        // Remove event listener on cleanup
+        return () => {
+            targetElement.removeEventListener(eventName, listener);
+        };
+    }, [eventName]);
+};
+
+export { useEventListener };

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.cjs

@@ -22,7 +22,7 @@ var validators = require('../../../context/DynamicContext/validators.cjs');
 require('@dynamic-labs/multi-wallet');
 var index = require('../../functions/getEnabledProviders/index.cjs');
 
-const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, }) => {
+const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dynamicContextProps, }) => {
     const [lsSettings, setLsSettings, removeLsSettings] = useLocalStorage.useLocalStorage(localStorage.PROJECT_SETTINGS_STORAGE_KEY, undefined, validators.validateLocalStorageExpiry);
     const [isLoading, setLoading] = React.useState(false);
     const [retries, setRetries] = React.useState(0);
@@ -44,6 +44,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
             environmentId &&
             retries < maxRetries) {
             setLoading(true);
+            api.sendDynamicProps(environmentId, { dynamicContextProps });
             api.fetchProjectSettings(environmentId)
                 .then((response) => {
                 if (!response)

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.d.ts

@@ -1,9 +1,11 @@
+import { DynamicContextProps } from '../../../context/DynamicContext';
 export type fetchProjectSettingsProps = {
     authToken: string | undefined;
     environmentId: string;
     maxRetries?: number;
+    dynamicContextProps: Pick<DynamicContextProps, 'settings'>;
 };
-export declare const useFetchProjectSettings: ({ authToken, environmentId, maxRetries, }: fetchProjectSettingsProps) => {
+export declare const useFetchProjectSettings: ({ authToken, environmentId, maxRetries, dynamicContextProps, }: fetchProjectSettingsProps) => {
     isLoading: boolean;
     projectSettings: import("@dynamic-labs/sdk-api").ProjectSettings | undefined;
     removeLsSettings: () => void;

package/src/lib/utils/hooks/useFetchProjectSettings/useFetchProjectSettings.js

@@ -1,6 +1,6 @@
 import { useState, useEffect, useMemo } from 'react';
 import { DynamicError } from '@dynamic-labs/utils';
-import { fetchProjectSettings } from '../../../data/api.js';
+import { sendDynamicProps, fetchProjectSettings } from '../../../data/api.js';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -18,7 +18,7 @@ import { validateLocalStorageExpiry } from '../../../context/DynamicContext/vali
 import '@dynamic-labs/multi-wallet';
 import { getEnabledProviders } from '../../functions/getEnabledProviders/index.js';
 
-const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, }) => {
+const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, dynamicContextProps, }) => {
     const [lsSettings, setLsSettings, removeLsSettings] = useLocalStorage(PROJECT_SETTINGS_STORAGE_KEY, undefined, validateLocalStorageExpiry);
     const [isLoading, setLoading] = useState(false);
     const [retries, setRetries] = useState(0);
@@ -40,6 +40,7 @@ const useFetchProjectSettings = ({ authToken, environmentId, maxRetries = 2, })
             environmentId &&
             retries < maxRetries) {
             setLoading(true);
+            sendDynamicProps(environmentId, { dynamicContextProps });
             fetchProjectSettings(environmentId)
                 .then((response) => {
                 if (!response)

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.cjs

@@ -17,17 +17,13 @@ require('ethers');
 var index = require('../../../shared/consts/index.cjs');
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
-    const walletsForChainsMap = index.defaultWalletsForChains;
-    // Update default map only if is setup
-    React.useEffect(() => {
-        if (propsWalletsChainsMap) {
-            Object.assign(walletsForChainsMap, {
-                primary_chain: propsWalletsChainsMap.primary_chain,
-                wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
-                    propsWalletsChainsMap.wallets)),
-            });
+    const walletsForChainsMap = React.useMemo(() => {
+        if (!propsWalletsChainsMap) {
+            return index.defaultWalletsForChains;
         }
-    }, []);
+        return Object.assign(Object.assign({}, index.defaultWalletsForChains), { primary_chain: propsWalletsChainsMap.primary_chain, wallets: Object.assign(Object.assign({}, index.defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                propsWalletsChainsMap.wallets)) });
+    }, [propsWalletsChainsMap]);
     return { walletsForChainsMap };
 };
 

package/src/lib/utils/hooks/useFetchWalletsForChainsMap/useFetchWalletsForChainsMap.js

@@ -1,4 +1,4 @@
-import { useEffect } from 'react';
+import { useMemo } from 'react';
 import '@dynamic-labs/sdk-api';
 import '../../../shared/logger.js';
 import '@dynamic-labs/iconic';
@@ -13,17 +13,13 @@ import 'ethers';
 import { defaultWalletsForChains } from '../../../shared/consts/index.js';
 
 const useFetchWalletsForChainsMap = (propsWalletsChainsMap) => {
-    const walletsForChainsMap = defaultWalletsForChains;
-    // Update default map only if is setup
-    useEffect(() => {
-        if (propsWalletsChainsMap) {
-            Object.assign(walletsForChainsMap, {
-                primary_chain: propsWalletsChainsMap.primary_chain,
-                wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
-                    propsWalletsChainsMap.wallets)),
-            });
+    const walletsForChainsMap = useMemo(() => {
+        if (!propsWalletsChainsMap) {
+            return defaultWalletsForChains;
         }
-    }, []);
+        return Object.assign(Object.assign({}, defaultWalletsForChains), { primary_chain: propsWalletsChainsMap.primary_chain, wallets: Object.assign(Object.assign({}, defaultWalletsForChains.wallets), (Boolean(propsWalletsChainsMap.wallets) &&
+                propsWalletsChainsMap.wallets)) });
+    }, [propsWalletsChainsMap]);
     return { walletsForChainsMap };
 };
 

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.cjs

@@ -6,13 +6,19 @@ var useInternalDynamicContext = require('../../../context/DynamicContext/useInte
 var ViewContext = require('../../../context/ViewContext/ViewContext.cjs');
 
 const useHandleWalletsToConnect = () => {
-    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, } = useInternalDynamicContext.useInternalDynamicContext();
-    const { setView } = ViewContext.useViewContext();
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setIsFullyConnected, isFullyConnected, } = useInternalDynamicContext.useInternalDynamicContext();
+    const { setView, goToInitialView } = ViewContext.useViewContext();
     const handleWalletsToConnect = () => {
         if (!walletsToConnectByChain) {
+            setIsFullyConnected(true);
             setShowAuthFlow(false);
             return;
         }
+        // Avoid showing wallet-list when wallet updates network to the correct one in run time (bridge mode)
+        if (walletsToConnectByChain.length === 0) {
+            setShowAuthFlow(false);
+            return goToInitialView();
+        }
         const [firstWallet, ...restOfTheWallets] = walletsToConnectByChain;
         if (firstWallet.numberOfWallets > 1) {
             const updatedWallets = [
@@ -24,10 +30,19 @@ const useHandleWalletsToConnect = () => {
             return;
         }
         setWalletsToConnectByChain(restOfTheWallets);
-        if (restOfTheWallets.length === 0) {
-            setShowAuthFlow(false);
+        const allWalletsConnected = restOfTheWallets.length === 0;
+        if (allWalletsConnected) {
+            if (!isFullyConnected) {
+                setIsFullyConnected(true);
+                setView('bridge-summary');
+            }
+            else {
+                setShowAuthFlow(false);
+                goToInitialView();
+            }
+            return;
         }
-        setView('wallet-list');
+        setView('bridge-next-wallet-connection');
     };
     return { handleWalletsToConnect };
 };

package/src/lib/utils/hooks/useHandleWalletsToConnect/useHandleWalletsToConnect.js

@@ -2,13 +2,19 @@ import { useInternalDynamicContext } from '../../../context/DynamicContext/useIn
 import { useViewContext } from '../../../context/ViewContext/ViewContext.js';
 
 const useHandleWalletsToConnect = () => {
-    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, } = useInternalDynamicContext();
-    const { setView } = useViewContext();
+    const { walletsToConnectByChain, setWalletsToConnectByChain, setShowAuthFlow, setIsFullyConnected, isFullyConnected, } = useInternalDynamicContext();
+    const { setView, goToInitialView } = useViewContext();
     const handleWalletsToConnect = () => {
         if (!walletsToConnectByChain) {
+            setIsFullyConnected(true);
             setShowAuthFlow(false);
             return;
         }
+        // Avoid showing wallet-list when wallet updates network to the correct one in run time (bridge mode)
+        if (walletsToConnectByChain.length === 0) {
+            setShowAuthFlow(false);
+            return goToInitialView();
+        }
         const [firstWallet, ...restOfTheWallets] = walletsToConnectByChain;
         if (firstWallet.numberOfWallets > 1) {
             const updatedWallets = [
@@ -20,10 +26,19 @@ const useHandleWalletsToConnect = () => {
             return;
         }
         setWalletsToConnectByChain(restOfTheWallets);
-        if (restOfTheWallets.length === 0) {
-            setShowAuthFlow(false);
+        const allWalletsConnected = restOfTheWallets.length === 0;
+        if (allWalletsConnected) {
+            if (!isFullyConnected) {
+                setIsFullyConnected(true);
+                setView('bridge-summary');
+            }
+            else {
+                setShowAuthFlow(false);
+                goToInitialView();
+            }
+            return;
         }
-        setView('wallet-list');
+        setView('bridge-next-wallet-connection');
     };
     return { handleWalletsToConnect };
 };

package/src/lib/utils/hooks/useInterval/useInterval.d.ts

@@ -0,0 +1 @@
+export declare const useInterval: (callback: () => void, delay: number | null) => void;

package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.cjs

@@ -0,0 +1,10 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? React.useLayoutEffect : React.useEffect;
+
+exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;

package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.d.ts

@@ -0,0 +1,2 @@
+import { useLayoutEffect } from 'react';
+export declare const useIsomorphicLayoutEffect: typeof useLayoutEffect;

package/src/lib/utils/hooks/useIsomorphicLayoutEffect/useIsomorphicLayoutEffect.js

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from 'react';
+
+// https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect
+const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+
+export { useIsomorphicLayoutEffect };

package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.cjs

@@ -5,19 +5,17 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 
 const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
-    const handleKeydown = React.useCallback((evt) => {
-        if (disabled)
-            return;
-        if (evt.key === inputKey) {
-            onKeyPressed();
-        }
-    }, [disabled, inputKey, onKeyPressed]);
     React.useEffect(() => {
+        const handleKeydown = (evt) => {
+            if (disabled || evt.key !== inputKey)
+                return;
+            onKeyPressed();
+        };
         document.addEventListener('keydown', handleKeydown);
         return () => {
             document.removeEventListener('keydown', handleKeydown);
         };
-    }, [handleKeydown]);
+    }, [disabled, inputKey, onKeyPressed]);
 };
 
 exports.useKeyboardEventListener = useKeyboardEventListener;

package/src/lib/utils/hooks/useKeyboardEventListener/useKeyboardEventListener.js

@@ -1,19 +1,17 @@
-import { useCallback, useEffect } from 'react';
+import { useEffect } from 'react';
 
 const useKeyboardEventListener = ({ disabled, inputKey, onKeyPressed, }) => {
-    const handleKeydown = useCallback((evt) => {
-        if (disabled)
-            return;
-        if (evt.key === inputKey) {
-            onKeyPressed();
-        }
-    }, [disabled, inputKey, onKeyPressed]);
     useEffect(() => {
+        const handleKeydown = (evt) => {
+            if (disabled || evt.key !== inputKey)
+                return;
+            onKeyPressed();
+        };
         document.addEventListener('keydown', handleKeydown);
         return () => {
             document.removeEventListener('keydown', handleKeydown);
         };
-    }, [handleKeydown]);
+    }, [disabled, inputKey, onKeyPressed]);
 };
 
 export { useKeyboardEventListener };

package/src/lib/utils/hooks/usePromise/usePromise.cjs

@@ -4,15 +4,47 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.cjs');
 var React = require('react');
+require('@dynamic-labs/sdk-api');
+var logger = require('../../../shared/logger.cjs');
+require('@dynamic-labs/iconic');
+require('@dynamic-labs/wallet-connector-core');
+require('react/jsx-runtime');
+require('../../../context/ViewContext/ViewContext.cjs');
+require('@dynamic-labs/wallet-book');
+require('@dynamic-labs/utils');
+require('../../constants/colors.cjs');
+require('../../../shared/utils/classes/storage/localStorage.cjs');
+require('ethers');
+require('../../../shared/consts/index.cjs');
 
-const usePromise = (fetcher, deps = []) => {
+/**
+ * usePromise hook
+ *
+ * A React hook to handle promises and fetching data, providing the ability to track loading, data, and error state.
+ *
+ * @template T The type of data returned from the fetcher function.
+ * @template E The type of error returned from the fetcher function.
+ *
+ * @param {() => T | Promise<T>} fetcher - A function that returns a value or a promise.
+ * @param {DependencyList} [deps = []] - Dependency list for the hook to react to changes and refetch.
+ * @param {UsePromiseOptions} [options = { enabled: true }] - Options to configure the hook's behavior.
+ *
+ * @returns {PromiseState<T, E>} - Object containing the hook state, including data, error, and loading status.
+ */
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
+    // Convert the dependency list to a string representation for comparison (useful for useEffect dependencies)
+    const key = JSON.stringify(deps);
     const [state, setState] = React.useState({
-        active: false,
+        isLoading: true,
     });
-    const fetch = React.useCallback(() => _tslib.__awaiter(void 0, void 0, void 0, function* () {
-        setState({
-            active: true,
-        });
+    /**
+     * Fetch data from the fetcher function.
+     * @param {Function} onData - Callback function to handle successful data retrieval.
+     * @param {Function} onError - Callback function to handle errors during data retrieval.
+     */
+    const fetch = ({ onData, onError, }) => _tslib.__awaiter(void 0, void 0, void 0, function* () {
         try {
             let data;
             const fetchData = fetcher();
@@ -22,22 +54,47 @@ const usePromise = (fetcher, deps = []) => {
             else {
                 data = fetchData;
             }
-            setState({
-                active: false,
-                data,
-            });
+            onData(data);
         }
         catch (error) {
+            logger.logger.error(error);
+            onError(error);
+        }
+    });
+    React.useEffect(() => {
+        if (!options.enabled)
+            return;
+        // Flag to track if the another fetch has been triggered before the current one has completed
+        let isInvalid = false;
+        if (!state.isLoading) {
             setState({
-                active: false,
-                error: error,
+                isLoading: true,
             });
         }
-    }), [setState, fetcher]);
-    React.useEffect(() => {
-        fetch();
-    }, deps);
-    return Object.assign(Object.assign({}, state), { isLoading: state.active });
+        fetch({
+            onData: (data) => {
+                if (isInvalid)
+                    return;
+                setState({
+                    data,
+                    isLoading: false,
+                });
+            },
+            onError: (error) => {
+                if (isInvalid)
+                    return;
+                setState({
+                    error,
+                    isLoading: false,
+                });
+            },
+        });
+        return () => {
+            isInvalid = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [key, options.enabled]);
+    return Object.assign(Object.assign({}, state), { isLoading: state.isLoading });
 };
 
 exports.usePromise = usePromise;

package/src/lib/utils/hooks/usePromise/usePromise.d.ts

@@ -1,3 +1,20 @@
 import { DependencyList } from 'react';
 import { PromiseState } from './usePromise.types';
-export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList) => PromiseState<T, E>;
+export type UsePromiseOptions = {
+    enabled?: boolean;
+};
+/**
+ * usePromise hook
+ *
+ * A React hook to handle promises and fetching data, providing the ability to track loading, data, and error state.
+ *
+ * @template T The type of data returned from the fetcher function.
+ * @template E The type of error returned from the fetcher function.
+ *
+ * @param {() => T | Promise<T>} fetcher - A function that returns a value or a promise.
+ * @param {DependencyList} [deps = []] - Dependency list for the hook to react to changes and refetch.
+ * @param {UsePromiseOptions} [options = { enabled: true }] - Options to configure the hook's behavior.
+ *
+ * @returns {PromiseState<T, E>} - Object containing the hook state, including data, error, and loading status.
+ */
+export declare const usePromise: <T = unknown, E = unknown>(fetcher: () => T | Promise<T>, deps?: DependencyList, options?: UsePromiseOptions) => PromiseState<T, E>;

package/src/lib/utils/hooks/usePromise/usePromise.js

@@ -1,14 +1,46 @@
 import { __awaiter } from '../../../../../_virtual/_tslib.js';
-import { useState, useCallback, useEffect } from 'react';
+import { useState, useEffect } from 'react';
+import '@dynamic-labs/sdk-api';
+import { logger } from '../../../shared/logger.js';
+import '@dynamic-labs/iconic';
+import '@dynamic-labs/wallet-connector-core';
+import 'react/jsx-runtime';
+import '../../../context/ViewContext/ViewContext.js';
+import '@dynamic-labs/wallet-book';
+import '@dynamic-labs/utils';
+import '../../constants/colors.js';
+import '../../../shared/utils/classes/storage/localStorage.js';
+import 'ethers';
+import '../../../shared/consts/index.js';
 
-const usePromise = (fetcher, deps = []) => {
+/**
+ * usePromise hook
+ *
+ * A React hook to handle promises and fetching data, providing the ability to track loading, data, and error state.
+ *
+ * @template T The type of data returned from the fetcher function.
+ * @template E The type of error returned from the fetcher function.
+ *
+ * @param {() => T | Promise<T>} fetcher - A function that returns a value or a promise.
+ * @param {DependencyList} [deps = []] - Dependency list for the hook to react to changes and refetch.
+ * @param {UsePromiseOptions} [options = { enabled: true }] - Options to configure the hook's behavior.
+ *
+ * @returns {PromiseState<T, E>} - Object containing the hook state, including data, error, and loading status.
+ */
+const usePromise = (fetcher, deps = [], options = {
+    enabled: true,
+}) => {
+    // Convert the dependency list to a string representation for comparison (useful for useEffect dependencies)
+    const key = JSON.stringify(deps);
     const [state, setState] = useState({
-        active: false,
+        isLoading: true,
     });
-    const fetch = useCallback(() => __awaiter(void 0, void 0, void 0, function* () {
-        setState({
-            active: true,
-        });
+    /**
+     * Fetch data from the fetcher function.
+     * @param {Function} onData - Callback function to handle successful data retrieval.
+     * @param {Function} onError - Callback function to handle errors during data retrieval.
+     */
+    const fetch = ({ onData, onError, }) => __awaiter(void 0, void 0, void 0, function* () {
         try {
             let data;
             const fetchData = fetcher();
@@ -18,22 +50,47 @@ const usePromise = (fetcher, deps = []) => {
             else {
                 data = fetchData;
             }
-            setState({
-                active: false,
-                data,
-            });
+            onData(data);
         }
         catch (error) {
+            logger.error(error);
+            onError(error);
+        }
+    });
+    useEffect(() => {
+        if (!options.enabled)
+            return;
+        // Flag to track if the another fetch has been triggered before the current one has completed
+        let isInvalid = false;
+        if (!state.isLoading) {
             setState({
-                active: false,
-                error: error,
+                isLoading: true,
             });
         }
-    }), [setState, fetcher]);
-    useEffect(() => {
-        fetch();
-    }, deps);
-    return Object.assign(Object.assign({}, state), { isLoading: state.active });
+        fetch({
+            onData: (data) => {
+                if (isInvalid)
+                    return;
+                setState({
+                    data,
+                    isLoading: false,
+                });
+            },
+            onError: (error) => {
+                if (isInvalid)
+                    return;
+                setState({
+                    error,
+                    isLoading: false,
+                });
+            },
+        });
+        return () => {
+            isInvalid = true;
+        };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [key, options.enabled]);
+    return Object.assign(Object.assign({}, state), { isLoading: state.isLoading });
 };
 
 export { usePromise };

package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.cjs

@@ -18,45 +18,23 @@ require('ethers');
 require('../../../shared/consts/index.cjs');
 
 const useRpcProviders = ({ networkConfigurations, }) => {
-    const [providers, setProviders] = React.useState();
-    const [evmDefaultProvider, setEvmDefaultProvider] = React.useState();
-    const [solanaDefaultProvider, setSolanaDefaultProvider] = React.useState();
-    React.useEffect(() => {
+    let providers, evmDefaultProvider, solanaDefaultProvider;
+    if (networkConfigurations) {
         try {
-            if (networkConfigurations) {
-                setProviders(rpcProviders.ChainRpcProviders.getProviders(networkConfigurations));
-            }
+            providers = rpcProviders.ChainRpcProviders.getProviders(networkConfigurations);
+            evmDefaultProvider = rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1);
+            solanaDefaultProvider = rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101');
         }
         catch (error) {
             logger.logger.error(error);
         }
-    }, [networkConfigurations]);
+    }
     const getEvmRpcProviderByChainId = React.useCallback((chainId) => {
         if (!networkConfigurations) {
             return undefined;
         }
         return rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, chainId);
     }, [networkConfigurations]);
-    React.useEffect(() => {
-        try {
-            if (networkConfigurations) {
-                setEvmDefaultProvider(rpcProviders.ChainRpcProviders.getEvmProviderByChainId(networkConfigurations, 1));
-            }
-        }
-        catch (error) {
-            logger.logger.error(error);
-        }
-    }, [networkConfigurations]);
-    React.useEffect(() => {
-        try {
-            if (networkConfigurations) {
-                setSolanaDefaultProvider(rpcProviders.ChainRpcProviders.getSolanaRpcProviderByChainId(networkConfigurations, '101'));
-            }
-        }
-        catch (error) {
-            logger.logger.error(error);
-        }
-    }, [networkConfigurations]);
     return {
         evmDefaultProvider,
         evmProviders: providers === null || providers === void 0 ? void 0 : providers.evm,

package/src/lib/utils/hooks/useRpcProviders/useRpcProviders.d.ts

@@ -2,7 +2,6 @@ import { NetworkConfigurationMap } from '@dynamic-labs/types';
 import { DynamicRPCProviders } from '../../../shared';
 type Props = {
     networkConfigurations: NetworkConfigurationMap | undefined;
-    networkId: string | number | undefined;
 };
 export declare const useRpcProviders: ({ networkConfigurations, }: Props) => DynamicRPCProviders;
 export {};