@nftx/react

This package contains utils for nftx.js that are specific to the React ecosystem. It is not included in the main nftx.js package.

NftxProvider

const provider = createPublicClient();
const signer = createWalletClient();

return (
  <NftxProvider network={1} provider={provider} signer={signer}>
    <App />
  </NftxProvider>
);

useNftx

useNftx will return the provider-based details for you to use throughout your react application.

const { network, provider, signer } = useNftx();

const onSubmit = () => {
  increaseLiquidity({
    ...params,
    network,
    provider,
    signer,
  });
};

useTransaction

This is similar to react-query's useMutation and wagmi's useTransaction hooks. It takes a function that then returns an nftx.js-compatible transaction object.

const [
  write,
  {
    status,
    error,
    data: { transaction, receipt },
  },
] = useTransaction((args) => {
  return increaseLiquidity(args);
});