@dogeos/dogeos-sdk 3.0.9-beta.0 → 3.0.10-beta.0

package/README.md

@@ -43,13 +43,17 @@ First, wrap your app root component with `WalletConnectProvider`:
 
 ```tsx
 // App.tsx
-// App.tsx
 import React from "react";
 import { WalletConnectProvider } from "@dogeos/dogeos-sdk";
 
+const dogeConfig = {
+  ...config,
+  clientId: 'your-client-id'
+}
+
 export default function App() {
   return (
-    <WalletConnectProvider config={config}>
+    <WalletConnectProvider config={dogeConfig}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -64,7 +68,6 @@ Use the `useWalletConnect` hook to open the wallet connection modal and manage c
 // ConnectButton.tsx
 import React from "react";
 import { useWalletConnect } from "@dogeos/dogeos-sdk";
-import { useWalletConnect } from "@dogeos/dogeos-sdk";
 
 export function ConnectButton() {
   const { openModal, isConnected, disconnect, isConnecting } =
@@ -90,7 +93,6 @@ Use the `useAccount` hook to get the currently connected account information:
 // AccountInfo.tsx
 import React from "react";
 import { useAccount } from "@dogeos/dogeos-sdk";
-import { useAccount } from "@dogeos/dogeos-sdk";
 
 export function AccountInfo() {
   const { address, chainId, chainType, currentWallet } = useAccount();
@@ -186,10 +188,11 @@ export function SignInButton() {
 import { WalletConnectProvider } from "@dogeos/dogeos-sdk";
 import type { WalletConnectKitConfig } from "@dogeos/dogeos-sdk";
 
-const config: WalletConnectKitConfig = {
+const dogeConfig: WalletConnectKitConfig = {
   // WalletConnect project ID (obtain from https://cloud.walletconnect.com)
   walletConnectProjectId: "your-project-id",
 
+  clientId: "your-client-id",
   // Application metadata
   metadata: {
     name: "My DApp",
@@ -201,7 +204,7 @@ const config: WalletConnectKitConfig = {
 
 export function App() {
   return (
-    <WalletConnectProvider config={config}>
+    <WalletConnectProvider config={dogeConfig}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -226,7 +229,7 @@ export function App() {
   }, []);
 
   return (
-    <WalletConnectProvider config={{ chains }}>
+    <WalletConnectProvider config={{ chains, clientId: "your-client-id", }}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -251,7 +254,7 @@ export function App() {
   }, []);
 
   return (
-    <WalletConnectProvider config={{ connectors }}>
+    <WalletConnectProvider config={{ connectors , clientId: "your-client-id" }}>
       <YourApp />
     </WalletConnectProvider>
   );
@@ -280,6 +283,7 @@ const config = {
       },
     ],
   },
+  clientId: "your-client-id",
 };
 
 export function App() {
@@ -324,6 +328,7 @@ const config = {
       },
     },
   } as ThemeConfig,
+  clientId: "your-client-id"
 };
 
 export function App() {
@@ -369,7 +374,7 @@ export function App() {
   const config: WalletConnectKitConfig = {
     // WalletConnect configuration
     walletConnectProjectId: "your-project-id",
-
+    clientId: "your-client-id",
     // DApp application metadata
     metadata: {
       name: "My DApp",
@@ -735,6 +740,16 @@ type ChainType = "evm" | "solana" | "aptos" | "dogecoin";
 
 ## FAQ
 
+### How to use with Next.js?
+
+```js
+"use client"; // add "use client" at your index router page
+```
+
+### Supported Next.js version
+
+- Next.js 14/15 version had supported
+
 ### How to get WalletConnect Project ID?
 
 1. Visit [WalletConnect Cloud](https://cloud.walletconnect.com)