Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@mintbase-js/react

Package Overview
Dependencies
Maintainers
0
Versions
1300
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@mintbase-js/react

React app tools for Mintbase JS SDK

  • 0.6.5
  • latest
  • npm
  • Socket score

Version published
Maintainers
0
Created
Source

[//]: # { "title": "@mintbase-js/react", "order": "3" }

@mintbase-js/react

This package contains React helpers for interacting with Mintbase JS.

Example: You can check a quick example of Simple Login using Next.js 14 and @mintbase-js/react

Check our Templates repository for Mintbase.js

Live Demo

Summary

Installing

@mintbase-js/react relies on React and React Dom version v18.2.0 due to @near-wallet-selector/modal-ui

NPM:

npm install @mintbase-js/react
npm install @near-wallet-selector/modal-ui

Yarn:

yarn add @mintbase-js/react
yarn add @near-wallet-selector/modal-ui

PNPM:

pnpm install @mintbase-js/react
pnpm install @near-wallet-selector/modal-ui

BitteWalletContextProvider

the default way of interacting with Mintbase Wallet is using the BitteWalletContextProvider

{% code title="app.tsx" overflow="wrap" lineNumbers="true" %}

properties:

contractAddress (optional): If you set this it will connect the user using Limited Access Keys, set with your near contract address / your mintbase store address

network : mainnet | testnet

callbackUrl : a valid https/http address to the user be sent after the transaction

onlyMbWallet : boolean, it sets up only MintbaseWallet or if false(default) MintbaseWallet + default wallets

additionalWallets : WalletModuleFactory[] extra wallets setup

import "@near-wallet-selector/modal-ui/styles.css";
import { BitteWalletContextProvider } from  '@mintbase-js/react'

<BitteWalletContextProvider
  contractAddress="mycontract.mintbase1.near"
  network="mainnet"
  callbackUrl="https://www.mywebsite.com/callback"
>
   <Component {...pageProps} />
</BitteWalletContextProvider>

Troubleshooting

The wallet runs only on client-side.

Any other questions or issues you can contact support on our Telegram Channel.

License

This repository is distributed under the terms of both the MIT license and the Apache License (Version 2.0).

FAQs

Package last updated on 19 Sep 2024

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc