Skip to content

Status name fix #1330

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Jun 18, 2025
Merged

Status name fix #1330

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
12 changes: 6 additions & 6 deletions docs/build/getting-started/fcl-quickstart.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -243,10 +243,10 @@ This sends a Cadence transaction to the blockchain using the `mutate` function.

### Subscribing to Transaction Status

Use the kit's [`useFlowTransaction`] hook to monitor and display the transaction status in real time.
Use the kit's [`useFlowTransactionStatus`] hook to monitor and display the transaction status in real time.

```jsx
const { transactionStatus, error: txStatusError } = useFlowTransaction(
const { transactionStatus, error: txStatusError } = useFlowTransactionStatus(
txId || '',
);

Expand All @@ -261,7 +261,7 @@ useEffect(() => {

#### Explanation:

- `useFlowTransaction(txId)` subscribes to real-time updates about a transaction's lifecycle using the transaction ID.
- `useFlowTransactionStatus(txId)` subscribes to real-time updates about a transaction's lifecycle using the transaction ID.
- `transactionStatus.status` is a numeric code representing the state of the transaction:
- `0`: **Unknown** – The transaction status is not yet known.
- `1`: **Pending** – The transaction has been submitted and is waiting to be included in a block.
Expand Down Expand Up @@ -293,7 +293,7 @@ import { useState, useEffect } from "react";
import {
useFlowQuery,
useFlowMutate,
useFlowTransaction,
useFlowTransactionStatus,
useCurrentFlowUser,
} from "@onflow/kit";

Expand Down Expand Up @@ -323,7 +323,7 @@ export default function Home() {
error: txError,
} = useFlowMutate();

const { transactionStatus, error: txStatusError } = useFlowTransaction(
const { transactionStatus, error: txStatusError } = useFlowTransactionStatus(
txId || "",
);

Expand Down Expand Up @@ -442,7 +442,7 @@ Then visit [http://localhost:3000](http://localhost:3000) in your browser. You s
By following these steps, you've built a simple Next.js dApp that interacts with a Flow smart contract using [**@onflow/kit**]. In this guide you learned how to:

- Wrap your application in a `FlowProvider` to configure blockchain connectivity.
- Use kit hooks such as `useFlowQuery`, `useFlowMutate`, `useFlowTransaction`, and `useCurrentFlowUser` to manage authentication, query on-chain data, submit transactions, and monitor their status.
- Use kit hooks such as `useFlowQuery`, `useFlowMutate`, `useFlowTransactionStatus`, and `useCurrentFlowUser` to manage authentication, query on-chain data, submit transactions, and monitor their status.
- Integrate with the local Flow emulator and Dev Wallet for a fully functional development setup.

For additional details and advanced usage, refer to the [@onflow/kit documentation] and other Flow developer resources.
Expand Down