@mysten/dapp-kit-react 2.0.1 → 2.0.3

package/docs/getting-started/next-js.md

@@ -1,6 +1,6 @@
 # Next.js
 
-> Set up dApp Kit in a Next.js application
+> Set up dApp Kit in a Next.js application.
 
 This guide covers integrating dApp Kit into Next.js applications, including handling server-side
 rendering (SSR).
@@ -13,7 +13,7 @@ npm i @mysten/dapp-kit-react @mysten/sui
 
 ## Setup
 
-### 1. Create a dApp Kit Instance
+### Step 1: Create a dApp Kit instance
 
 ```ts
 // app/dapp-kit.ts
@@ -34,7 +34,7 @@ declare module '@mysten/dapp-kit-react' {
 }
 ```
 
-### 2. Create a Client-Only Wrapper
+### Step 2: Create a client-only wrapper
 
 Wallet detection only works in the browser, so dApp Kit components must be client-side rendered:
 
@@ -47,7 +47,7 @@ Wallet detection only works in the browser, so dApp Kit components must be clien
 
 ```
 
-### 3. Use Dynamic Import in Pages
+### Step 3: Use dynamic import in pages
 
 Use Next.js dynamic imports with `ssr: false` to prevent server-side rendering:
 
@@ -75,7 +75,7 @@ const ConnectButton = dynamic(
 }
 ```
 
-## Alternative: Single Client Component
+## Alternative: single client component
 
 For simpler apps, create a single client component:
 
@@ -137,26 +137,27 @@ const WalletApp = dynamic(() => import('./WalletApp'), {
 }
 ```
 
-## Key Considerations
+## Key considerations
 
 ### Why SSR: false?
 
-Wallets are detected via the browser's `window` object and the Wallet Standard API. This detection
-cannot happen on the server, so components that interact with wallets must be client-side only.
+Wallets are detected through the browser's `window` object and the Wallet Standard API. This
+detection cannot happen on the server, so components that interact with wallets must be client-side
+only.
 
-### Hydration Errors
+### Hydration errors
 
 If you see hydration errors, ensure all dApp Kit components are wrapped with `ssr: false` dynamic
 imports or are inside a `'use client'` component that's dynamically imported.
 
-## Example Application
+## Example application
 
 See the complete
-[Next.js example](https://github.com/MystenLabs/ts-sdks/tree/main/packages/dapp-kit-next/examples/next-js/simple)
+[Next.js example](https://github.com/MystenLabs/ts-sdks/tree/main/packages/dapp-kit/examples/next-js/simple)
 on GitHub.
 
-## Next Steps
+## Next steps
 
 - [React Hooks](/dapp-kit/react/hooks) - All available hooks
 - [React Components](/dapp-kit/react/components) - UI components
-- [Theming](/dapp-kit/theming) - Customize appearance
+- [Theming](/dapp-kit/theming) - Customize appearance

package/docs/getting-started/react.md

@@ -1,10 +1,10 @@
 # React
 
-> Set up dApp Kit in a React application
+> Set up dApp Kit in a React application.
 
 This guide walks you through integrating dApp Kit into a React application.
 
-## Quick Start with create-dapp
+## Quick start with create-dapp
 
 The fastest way to get started is using our CLI tool:
 
@@ -28,7 +28,7 @@ See the [create-dapp guide](/dapp-kit/getting-started/create-dapp) for more deta
 
 ---
 
-## Manual Installation
+## Manual installation
 
 ```sh npm2yarn
 npm i @mysten/dapp-kit-react @mysten/sui
@@ -36,7 +36,7 @@ npm i @mysten/dapp-kit-react @mysten/sui
 
 ## Setup
 
-### 1. Create a dApp Kit Instance
+### Step 1: Create a dApp Kit instance
 
 Create a file to configure your dApp Kit instance:
 
@@ -59,7 +59,7 @@ declare module '@mysten/dapp-kit-react' {
 }
 ```
 
-### 2. Add the Provider
+### Step 2: Add the provider
 
 Wrap your application with `DAppKitProvider`:
 
@@ -78,11 +78,12 @@ Wrap your application with `DAppKitProvider`:
 }
 ```
 
-### 3. Display Connection Status
+### Step 3: Display connection status
 
 Use hooks to access wallet state:
 
 ```tsx
+
 function WalletStatus() {
 	const account = useCurrentAccount();
 	const wallet = useCurrentWallet();
@@ -102,11 +103,12 @@ function WalletStatus() {
 }
 ```
 
-### 4. Execute Transactions
+### Step 4: Execute transactions
 
 Use the `useDAppKit` hook to sign and execute transactions:
 
 ```tsx
+
 function TransferButton() {
 	const dAppKit = useDAppKit();
 	const account = useCurrentAccount();
@@ -136,35 +138,35 @@ function TransferButton() {
 }
 ```
 
-## Available Hooks
+## Available hooks
 
-| Hook                                                               | Description                              |
-| ------------------------------------------------------------------ | ---------------------------------------- |
-| [useDAppKit](/dapp-kit/react/hooks/use-dapp-kit)                   | Access the dApp Kit instance and actions |
-| [useWalletConnection](/dapp-kit/react/hooks/use-wallet-connection) | Full connection state with status flags  |
-| [useCurrentAccount](/dapp-kit/react/hooks/use-current-account)     | Currently selected account               |
-| [useCurrentWallet](/dapp-kit/react/hooks/use-current-wallet)       | Currently connected wallet               |
-| [useCurrentNetwork](/dapp-kit/react/hooks/use-current-network)     | Current network                          |
-| [useCurrentClient](/dapp-kit/react/hooks/use-current-client)       | SuiClient for current network            |
-| [useWallets](/dapp-kit/react/hooks/use-wallets)                    | List of available wallets                |
+| Hook                                                                 | Description                              |
+| -------------------------------------------------------------------- | ---------------------------------------- |
+| [`useDAppKit`](/dapp-kit/react/hooks/use-dapp-kit)                   | Access the dApp Kit instance and actions |
+| [`useWalletConnection`](/dapp-kit/react/hooks/use-wallet-connection) | Full connection state with status flags  |
+| [`useCurrentAccount`](/dapp-kit/react/hooks/use-current-account)     | Currently selected account               |
+| [`useCurrentWallet`](/dapp-kit/react/hooks/use-current-wallet)       | Currently connected wallet               |
+| [`useCurrentNetwork`](/dapp-kit/react/hooks/use-current-network)     | Current network                          |
+| [`useCurrentClient`](/dapp-kit/react/hooks/use-current-client)       | SuiClient for current network            |
+| [`useWallets`](/dapp-kit/react/hooks/use-wallets)                    | List of available wallets                |
 
 ## Components
 
-| Component                                                  | Description                       |
-| ---------------------------------------------------------- | --------------------------------- |
-| [ConnectButton](/dapp-kit/react/components/connect-button) | Complete wallet connection UI     |
-| [ConnectModal](/dapp-kit/react/components/connect-modal)   | Standalone wallet selection modal |
-| [DAppKitProvider](/dapp-kit/react/dapp-kit-provider)       | Context provider for hooks        |
+| Component                                                    | Description                       |
+| ------------------------------------------------------------ | --------------------------------- |
+| [`ConnectButton`](/dapp-kit/react/components/connect-button) | Complete wallet connection UI     |
+| [`ConnectModal`](/dapp-kit/react/components/connect-modal)   | Standalone wallet selection modal |
+| [`DAppKitProvider`](/dapp-kit/react/dapp-kit-provider)       | Context provider for hooks        |
 
-## Example Application
+## Example application
 
 See the complete
-[React example](https://github.com/MystenLabs/ts-sdks/tree/main/packages/dapp-kit-next/examples/react/simple)
+[React example](https://github.com/MystenLabs/ts-sdks/tree/main/packages/dapp-kit/examples/react/simple)
 on GitHub.
 
-## Next Steps
+## Next steps
 
-- [DAppKitProvider](/dapp-kit/react/dapp-kit-provider) - Provider configuration
+- [`DAppKitProvider`](/dapp-kit/react/dapp-kit-provider) - Provider configuration
 - [Hooks Reference](/dapp-kit/react/hooks) - All available hooks
 - [Components](/dapp-kit/react/components) - UI components
-- [Theming](/dapp-kit/theming) - Customize appearance
+- [Theming](/dapp-kit/theming) - Customize appearance

package/docs/getting-started/vue.md

@@ -1,6 +1,6 @@
 # Vue
 
-> Set up dApp Kit in a Vue application
+> Set up dApp Kit in a Vue application.
 
 This guide walks you through integrating dApp Kit into a Vue application using Web Components and
 direct store access.
@@ -13,7 +13,7 @@ npm i @mysten/dapp-kit-core @mysten/sui @nanostores/vue
 
 ## Setup
 
-### 1. Create a dApp Kit Instance
+### Step 1: Create a dApp Kit instance
 
 ```ts
 // src/dapp-kit.ts
@@ -27,7 +27,7 @@ const GRPC_URLS = {
 });
 ```
 
-### 2. Register Web Components
+### Step 2: Register web components
 
 Import the web components in your app entry point:
 
@@ -37,10 +37,12 @@ Import the web components in your app entry point:
 createApp(App).mount('#app');
 ```
 
-### 3. Use the Connect Button
+### Step 3: Use the connect button
 
 ```vue
-<script setup lang="ts"></script>
+<script setup lang="ts">
+
+</script>
 
 <template>
 	<div>
@@ -50,12 +52,13 @@ createApp(App).mount('#app');
 </template>
 ```
 
-### 4. Access Connection State
+### Step 4: Access connection state
 
 Use `@nanostores/vue` for reactive state:
 
 ```vue
 <script setup lang="ts">
+
 const connection = useStore(dAppKit.stores.$connection);
 const network = useStore(dAppKit.stores.$currentNetwork);
 </script>
@@ -74,10 +77,11 @@ const network = useStore(dAppKit.stores.$currentNetwork);
 </template>
 ```
 
-### 5. Execute Transactions
+### Step 5: Execute transactions
 
 ```vue
 <script setup lang="ts">
+
 const connection = useStore(dAppKit.stores.$connection);
 
 async function handleTransfer() {
@@ -107,10 +111,11 @@ async function handleTransfer() {
 </template>
 ```
 
-## Complete Example
+## Complete example
 
 ```vue
 <script setup lang="ts">
+
 const connection = useStore(dAppKit.stores.$connection);
 const network = useStore(dAppKit.stores.$currentNetwork);
 
@@ -150,7 +155,7 @@ async function handleTransfer() {
 </template>
 ```
 
-## Web Components
+## Web components
 
 Vue works with dApp Kit's Web Components through property binding:
 
@@ -161,9 +166,9 @@ Vue works with dApp Kit's Web Components through property binding:
 
 See [Web Components](/dapp-kit/web-components/connect-button) for full documentation.
 
-## Available Stores
+## Available stores
 
-Access these stores via `dAppKit.stores`:
+Access these stores through `dAppKit.stores`:
 
 | Store             | Description                                       |
 | ----------------- | ------------------------------------------------- |
@@ -174,15 +179,15 @@ Access these stores via `dAppKit.stores`:
 
 See [State Management](/dapp-kit/state) for full documentation.
 
-## Example Application
+## Example application
 
 See the complete
-[Vue example](https://github.com/MystenLabs/ts-sdks/tree/main/packages/dapp-kit-next/examples/vue/simple)
+[Vue example](https://github.com/MystenLabs/ts-sdks/tree/main/packages/dapp-kit/examples/vue/simple)
 on GitHub.
 
-## Next Steps
+## Next steps
 
 - [Web Components](/dapp-kit/web-components/connect-button) - Component documentation
 - [State Management](/dapp-kit/state) - Store details
 - [Actions](/dapp-kit/actions/connect-wallet) - All available actions
-- [Theming](/dapp-kit/theming) - Customize appearance
+- [Theming](/dapp-kit/theming) - Customize appearance

package/docs/index.md

@@ -1,10 +1,10 @@
 # Sui dApp Kit
 
-> Build Sui dApps with framework-agnostic core and React bindings
+> Build Sui apps with framework-agnostic core and React bindings.
 
-> **Note:** **Migrating from @mysten/dapp-kit?** If you're currently using the legacy
-> `@mysten/dapp-kit` package, check out our [Migration Guide](/sui/migrations/sui-2.0/dapp-kit) to
-> upgrade to the new packages with gRPC and GraphQL support.
+> **Note:** **Migrating from @mysten/dapp-kit?** If you're currently using the legacy `@mysten/dapp-kit`
+> package, check out our [Migration Guide](/sui/migrations/sui-2.0/dapp-kit) to upgrade to the new
+> packages with gRPC and GraphQL support.
 
 The Sui dApp Kit provides tools and components for building decentralized applications on the Sui
 network. The SDK consists of two packages that work together:
@@ -32,7 +32,7 @@ React bindings for the core package:
 
 Choose the installation method based on your framework:
 
-### For React Applications
+### For React applications
 
 ```sh npm2yarn
 npm i @mysten/dapp-kit-react @mysten/sui
@@ -44,7 +44,7 @@ npm i @mysten/dapp-kit-react @mysten/sui
 npm i @mysten/dapp-kit-core @mysten/sui
 ```
 
-## Getting Started
+## Getting started
 
 Check the framework-specific guides:
 
@@ -52,7 +52,7 @@ Check the framework-specific guides:
 - [Next.js](/dapp-kit/getting-started/next-js)
 - [Vue](/dapp-kit/getting-started/vue)
 
-## Legacy Package
+## Legacy package
 
 ### @mysten/dapp-kit (Legacy)
 
@@ -65,6 +65,6 @@ The original React-focused version of the dApp Kit. This package provides:
 - Integration with TanStack React Query
 - Comprehensive wallet state management
 
-> **Warning:** **Deprecated JSON RPC Only**: This legacy package only works with the deprecated JSON
-> RPC API and will not be updated to support gRPC or GraphQL. All new projects should use
-> `@mysten/dapp-kit-core` and `@mysten/dapp-kit-react`.
+> **Warning:** **Deprecated JSON RPC Only**: This legacy package only works with the deprecated JSON RPC API and
+> will not be updated to support gRPC or GraphQL. All new projects should use
+> `@mysten/dapp-kit-core` and `@mysten/dapp-kit-react`.

package/docs/llms-index.md

@@ -1,34 +1,33 @@
 # dApp Kit
-
 > Build Sui dApps with @mysten/dapp-kit-core and @mysten/dapp-kit-react
 
-- [Sui dApp Kit](./index.md): Build Sui dApps with framework-agnostic core and React bindings
-- [@mysten/create-dapp](./getting-started/create-dapp.md): Create a Sui dApp with one command
-- [React](./getting-started/react.md): Set up dApp Kit in a React application
-- [Next.js](./getting-started/next-js.md): Set up dApp Kit in a Next.js application
-- [Vue](./getting-started/vue.md): Set up dApp Kit in a Vue application
-- [DApp Kit Instance](./dapp-kit-instance.md): Create and configure a DAppKit instance for wallet
-  and client management
-- [State](./state.md): Access and subscribe to wallet connection state in dApp Kit
-- [Connect Wallet](./actions/connect-wallet.md): Programmatically connect to a Sui wallet
-- [Disconnect Wallet](./actions/disconnect-wallet.md): Programmatically disconnect from a Sui wallet
-- [Sign and Execute Transaction](./actions/sign-and-execute-transaction.md): Sign and execute a
-  transaction using the connected wallet
-- [Sign Personal Message](./actions/sign-personal-message.md): Sign an arbitrary message with the
-  connected wallet
-- [Sign Transaction](./actions/sign-transaction.md): Sign a transaction without executing it
-- [Switch Account](./actions/switch-account.md): Switch the active account in the connected wallet
-- [Switch Network](./actions/switch-network.md): Switch the active network for the dApp Kit instance
-- [DAppKitProvider](./react/dapp-kit-provider.md): React context provider for dApp Kit configuration
-- [React Hooks](./react/hooks/index.md): React hooks for accessing dApp Kit state and actions
-- [useDAppKit](./react/hooks/use-dapp-kit.md): React hook to access the full dApp Kit instance
-- [React Components](./react/components/index.md): Pre-built React UI components for wallet
-  interaction
-- [Connect Button](./react/components/connect-button.md): React button component for wallet
-  connection
-- [Connect Modal](./react/components/connect-modal.md): React modal component for wallet selection
-- [Connect Button](./web-components/connect-button.md): Framework-agnostic web component for wallet
-  connection
-- [Connect Modal](./web-components/connect-modal.md): Framework-agnostic web component for wallet
-  selection
-- [Theming](./theming.md): Customize the appearance of dApp Kit UI components
+- [Sui dApp Kit](..md): Build Sui apps with framework-agnostic core and React bindings.
+- [@mysten/create-dapp](./getting-started/create-dapp.md): Create a Sui app with one command using the create-dapp CLI scaffolding tool.
+- [React](./getting-started/react.md): Set up dApp Kit in a React application.
+- [Next.js](./getting-started/next-js.md): Set up dApp Kit in a Next.js application.
+- [Vue](./getting-started/vue.md): Set up dApp Kit in a Vue application.
+- [DApp Kit Instance](./dapp-kit-instance.md): Create and configure a DAppKit instance for wallet and client management
+- [State](./state.md): Access and subscribe to wallet connection state in dApp Kit.
+- [Connect Wallet](./actions/connect-wallet.md): Programmatically connect to a Sui wallet using the dApp Kit connectWallet action.
+- [Disconnect Wallet](./actions/disconnect-wallet.md): Programmatically disconnect from a Sui wallet using the dApp Kit disconnectWallet action.
+- [Sign and Execute Transaction](./actions/sign-and-execute-transaction.md): Sign and execute a transaction on the Sui network using the connected wallet.
+- [Sign Personal Message](./actions/sign-personal-message.md): Sign an arbitrary message with the connected wallet for authentication or proof of ownership.
+- [Sign Transaction](./actions/sign-transaction.md): Sign a Sui transaction without executing it for deferred or multi-signature scenarios.
+- [Switch Account](./actions/switch-account.md): Switch the active account in the connected wallet using the dApp Kit switchAccount action.
+- [Switch Network](./actions/switch-network.md): Switch the active network for the dApp Kit instance between mainnet, testnet, and other networks.
+- [DAppKitProvider](./react/dapp-kit-provider.md): React context provider that makes dApp Kit available throughout your application.
+- [React Hooks](./react/hooks.md): React hooks for accessing dApp Kit state and actions in Sui applications.
+- [useDAppKit](./react/hooks/use-dapp-kit.md): React hook to access the full dApp Kit instance for calling actions directly.
+- [useCurrentAccount](./react/hooks/use-current-account.md): React hook to get the currently selected wallet account in a Sui dApp.
+- [useCurrentClient](./react/hooks/use-current-client.md): React hook to get the current Sui client instance for the active network.
+- [useCurrentNetwork](./react/hooks/use-current-network.md): React hook to get the currently selected Sui network in dApp Kit.
+- [useCurrentWallet](./react/hooks/use-current-wallet.md): React hook to get the currently connected wallet in a Sui dApp.
+- [useWalletConnection](./react/hooks/use-wallet-connection.md): React hook to manage wallet connection status and information in a Sui dApp.
+- [useWallets](./react/hooks/use-wallets.md): React hook to list all available Sui wallets detected by dApp Kit.
+- [React Components](./react/components.md): Pre-built React UI components for wallet interaction in Sui dApps.
+- [Connect Button](./react/components/connect-button.md): React button component for connecting and disconnecting Sui wallets.
+- [Connect Modal](./react/components/connect-modal.md): React modal component for selecting and connecting to a Sui wallet.
+- [Connect Button](./web-components/connect-button.md): Framework-agnostic web component providing a complete wallet connection UI for Sui dApps.
+- [Connect Modal](./web-components/connect-modal.md): Framework-agnostic web component for wallet selection and connection in Sui dApps.
+- [Theming](./theming.md): Customize the appearance of dApp Kit UI components.
+- [Sui dApp Kit (Legacy)](./legacy.md): Legacy dApp Kit API reference for the deprecated @mysten/dapp-kit package using JSON RPC.

package/docs/react/components/connect-button.md

@@ -1,6 +1,6 @@
 # Connect Button
 
-> React button component for wallet connection
+> React button component for connecting and disconnecting Sui wallets.
 
 ## Usage
 
@@ -26,7 +26,7 @@
   - **sortFn** (optional) - Function to sort available wallets
     - Type: `(a: UiWallet, b: UiWallet) => number`
 
-## Custom Button Text
+## Custom button text
 
 Use the slot to customize the button content when disconnected:
 
@@ -36,7 +36,7 @@ Use the slot to customize the button content when disconnected:
 </ConnectButton>
 ```
 
-## Server-Side Rendering (SSR)
+## Server-side rendering (SSR)
 
 The `<ConnectButton />` component can be only client-side rendered, as wallets are detected in the
-browser. For Next.js guide see [here](/dapp-kit/getting-started/next-js).
+browser. For Next.js guide see [here](/dapp-kit/getting-started/next-js).

package/docs/react/components/connect-modal.md

@@ -1,6 +1,6 @@
 # Connect Modal
 
-> React modal component for wallet selection
+> React modal component for selecting and connecting to a Sui wallet.
 
 ## Usage
 
@@ -36,7 +36,7 @@
 />
 ```
 
-## Modal States
+## Modal states
 
 The modal displays different views based on connection status:
 
@@ -45,7 +45,7 @@ The modal displays different views based on connection status:
 - **Error**: Shows error message with retry option when connection fails
 - **Request Cancelled**: Appears when user cancels the wallet connection request
 
-## Server-Side Rendering (SSR)
+## Server-side rendering (SSR)
 
 The `<ConnectModal />` component can be only client-side rendered, as wallets are detected in the
-browser. For Next.js guide see [here](/dapp-kit/getting-started/next-js).
+browser. For Next.js guide see [here](/dapp-kit/getting-started/next-js).

package/docs/react/components/index.md

@@ -1,13 +1,13 @@
 # React Components
 
-> Pre-built React UI components for wallet interaction
+> Pre-built React UI components for wallet interaction in Sui dApps.
 
 The `@mysten/dapp-kit-react` package provides pre-built React components for common wallet
 interactions.
 
-## Available Components
+## Available components
 
 - [`ConnectButton`](/dapp-kit/react/components/connect-button) - A button that opens the wallet
   connection modal and displays account info when connected
 - [`ConnectModal`](/dapp-kit/react/components/connect-modal) - A modal dialog for selecting and
-  connecting to a wallet
+  connecting to a wallet

package/docs/react/dapp-kit-provider.md

@@ -1,11 +1,11 @@
 # DAppKitProvider
 
-> React context provider for dApp Kit configuration
+> React context provider that makes dApp Kit available throughout your application.
 
 The `DAppKitProvider` is a React context provider that makes your dApp Kit instance available
 throughout your React application. It must wrap any components that use dApp Kit hooks.
 
-## Basic Usage
+## Basic usage
 
 ```tsx
 
@@ -21,9 +21,9 @@ throughout your React application. It must wrap any components that use dApp Kit
 
 - **dAppKit**: The dApp Kit instance created with `createDAppKit`
 
-## Provider Setup Patterns
+## Provider setup patterns
 
-### With Custom Configuration
+### With custom configuration
 
 ```tsx
 
@@ -54,7 +54,7 @@ declare module '@mysten/dapp-kit-react' {
 }
 ```
 
-## Using Hooks Inside the Provider
+## Using hooks inside the provider
 
 Once your app is wrapped with `DAppKitProvider`, you can use any dApp Kit hooks in child components:
 
@@ -79,8 +79,8 @@ Once your app is wrapped with `DAppKitProvider`, you can use any dApp Kit hooks
 > All dApp Kit hooks must be used within components that are descendants of `DAppKitProvider`. Using
 > them outside will result in an error.
 
-## Server-Side Rendering (SSR)
+## Server-side rendering (SSR)
 
 While `DAppKitProvider` itself is SSR-safe, components that interact with wallets should be
 client-side rendered, as wallets are detected in the browser. For Next.js guide see
-[here](/dapp-kit/getting-started/next-js).
+[here](/dapp-kit/getting-started/next-js).

package/docs/react/hooks/index.md

@@ -1,14 +1,15 @@
 # React Hooks
 
-> React hooks for accessing dApp Kit state and actions
+> React hooks for accessing dApp Kit state and actions in Sui applications.
 
 The `@mysten/dapp-kit-react` package provides a set of hooks for interacting with wallets and the
 Sui blockchain in React applications.
 
 > **Warning:** All dApp Kit hooks must be used within components that are descendants of
-> [DAppKitProvider](/dapp-kit/react/dapp-kit-provider). Using them outside will result in an error.
+> [`DAppKitProvider`](/dapp-kit/react/dapp-kit-provider). Using them outside will result in an
+> error.
 
-## Available Hooks
+## Available hooks
 
 - [`useDAppKit`](/dapp-kit/react/hooks/use-dapp-kit) - Access the dApp Kit instance for calling
   actions directly
@@ -22,4 +23,4 @@ Sui blockchain in React applications.
   wallet
 - [`useWalletConnection`](/dapp-kit/react/hooks/use-wallet-connection) - Get wallet connection
   status and actions
-- [`useWallets`](/dapp-kit/react/hooks/use-wallets) - Get all available wallets
+- [`useWallets`](/dapp-kit/react/hooks/use-wallets) - Get all available wallets

package/docs/react/hooks/use-current-account.md

@@ -1,11 +1,11 @@
 # useCurrentAccount
 
-> React hook to get the current wallet account
+> React hook to get the currently selected wallet account in a Sui dApp.
 
 The `useCurrentAccount` hook provides access to the currently selected account.
 
 > **Warning:** All dApp Kit hooks must be used within components that are descendants of
-> [DAppKitProvider](../dapp-kit-provider). Using them outside will result in an error.
+> [`DAppKitProvider`](../dapp-kit-provider). Using them outside will result in an error.
 
 ## Usage
 
@@ -26,8 +26,8 @@ The `useCurrentAccount` hook provides access to the currently selected account.
 }
 ```
 
-## Return Value
+## Return value
 
 ```tsx
 UiWalletAccount | null;
-```
+```

package/docs/react/hooks/use-current-client.md

@@ -1,16 +1,16 @@
 # useCurrentClient
 
-> React hook to get the current Sui client instance
+> React hook to get the current Sui client instance for the active network.
 
 The `useCurrentClient` hook provides access to the blockchain client instance for the current
 network.
 
-> **Note:** By default, this returns a `SuiClient` instance when using the standard setup. However,
-> the dApp Kit supports any client that implements the Sui core API, making it flexible for
-> different blockchain implementations.
+> **Note:** By default, this returns a `SuiClient` instance when using the standard setup. However, the dApp
+> Kit supports any client that implements the Sui core API, making it flexible for different
+> blockchain implementations.
 
 > **Warning:** All dApp Kit hooks must be used within components that are descendants of
-> [DAppKitProvider](../dapp-kit-provider). Using them outside will result in an error.
+> [`DAppKitProvider`](../dapp-kit-provider). Using them outside will result in an error.
 
 ## Usage
 
@@ -29,8 +29,8 @@ network.
 }
 ```
 
-## Return Value
+## Return value
 
 ```tsx
 SuiClient;
-```
+```