chore(clerk-js): Bump Coinbase sdk version

packages/clerk-js/package.json

@@ -56,7 +56,7 @@
     "@clerk/localizations": "workspace:^",
     "@clerk/shared": "workspace:^",
     "@clerk/types": "workspace:^",
-    "@coinbase/wallet-sdk": "4.0.4",
+    "@coinbase/wallet-sdk": "4.2.4",
     "@emotion/cache": "11.11.0",
     "@emotion/react": "11.11.1",
     "@floating-ui/react": "0.25.4",

packages/clerk-js/rspack.config.js

@@ -82,7 +82,7 @@ const common = ({ mode, disableRHC = false }) => {
             chunks: 'all',
           },
           coinbaseWalletSDKVendor: {
-            test: /[\\/]node_modules[\\/](@coinbase\/wallet-sdk|ieee754|preact|keccak|buffer|string_decoder|sha\.js|base64-js|safe-buffer|util-deprecate|inherits)[\\/]/,
+            test: /[\\/]node_modules[\\/](@coinbase\/wallet-sdk|preact|eventemitter3|@noble\/hashes)[\\/]/,
             name: 'coinbase-wallet-sdk',
             chunks: 'all',
           },

packages/clerk-js/src/utils/web3.ts

@@ -75,9 +75,13 @@ export async function generateSignatureWithOKXWallet(params: GenerateSignaturePa
 
 async function getEthereumProvider(provider: Web3Provider) {
   if (provider === 'coinbase_wallet') {
-    const CoinbaseWalletSDK = await import('@coinbase/wallet-sdk').then(mod => mod.CoinbaseWalletSDK);
-    const sdk = new CoinbaseWalletSDK({});
-    return sdk.makeWeb3Provider({ options: 'all' });
+    const createCoinbaseWalletSDK = await import('@coinbase/wallet-sdk').then(mod => mod.createCoinbaseWalletSDK);
+    const sdk = createCoinbaseWalletSDK({
+      preference: {
+        options: 'all',
+      },
+    });
+    return sdk.getProvider();
   }
 
   const injectedWeb3Providers = getInjectedWeb3Providers();