Author
Assignee
Label
Relevance
Search the site
Try searching for keywords or filtering in discussions, docs, blogs, bookmarks and more...
logo
  • Products
    Applications
    • NFT Studio Mint and manage NFTs
    • Creator Studio All-in-one creator tool
    • AIGNE The Agentic Ecosystem for AI Apps
    • ArcSphere AI native browser
    Components
    • Blocklet Launcher One-click app launcher
    • Payment Kit
      Payment Kit Effortless Crypto & Card Payments
    • Blocklet Store Discover & deploy apps
    • Web3 Kit Web3 dev toolkit
    Compute/Storage
    • Blocklet Framework Build and run blocklets
    • DID Spaces Secure personal storage
    • ABT Network Fast blockchain network
    • Blocklet Server Host your apps easily
    • ОСАР Multi-chain connector
    Identity
    • DID Self-sovereign ID
    • DID Wallet Smart digital wallet
    • DID Names Web3 domain names
    • VC Verifiable Credentials
    • DID Connect Passwordless login
  • Articles
  • Docs
  • Community
  • Careers
  • About
  • Overview
  • Getting Started
  • Providers
    • PaymentProvider

    • DonateProvider

  • Components
    • Checkout Components

      • CheckoutForm

      • CheckoutTable

      • CheckoutDonate

    • UI Components

      • PricingTable

      • PaymentSummary

      • Form Elements

        • AddressForm

        • PhoneInput

        • CountrySelect

        • CurrencySelector

    • Business Logic Components

      • OverdueInvoicePayment

      • ResumeSubscription

      • Auto-Topup Components

    • History Components

      • CustomerInvoiceList

      • CustomerPaymentList

      • CreditGrantsList

      • CreditTransactionsList

  • Guides
    • Theming

    • Utilities

  • Hooks
    • useSubscription

    • useMobile

Hooks


The @blocklet/payment-react library provides a set of custom React hooks to encapsulate and simplify common logic, such as handling real-time events or adapting to different screen sizes. These hooks allow you to easily integrate advanced functionalities into your components with minimal boilerplate code.

Explore the available hooks to enhance your application's interactivity and responsiveness.

useSubscription

Subscribe to real-time events from the payment service, such as 'invoice.paid', to create dynamic and responsive user experiences.

useMobile

A utility hook for detecting if the application is being viewed on a mobile device, helping you build responsive and mobile-friendly UIs.


Utilities
useSubscription
Table of Contents