Skip to main content

Can I use @solana/wallet-adapter-.. with react JS?

I create a new React JS (npx create-react-appnpx create-react-app) I install the dependencies to connect a Wallet to my application:

    "@project-serum/anchor": "^0.17.0",
    "@solana/spl-token": "^0.1.8",
    "@solana/wallet-adapter-base": "^0.7.0",
    "@solana/wallet-adapter-material-ui": "^0.13.1",
    "@solana/wallet-adapter-react": "^0.13.1",
    "@solana/wallet-adapter-react-ui": "^0.6.1",
    "@solana/wallet-adapter-wallets": "^0.11.3",
    "@solana/web3.js": "^1.33.0",

But I get errors when I import:

import {
  getPhantomWallet,
  getSlopeWallet,
  getSolflareWallet,
  getSolletExtensionWallet,
  getSolletWallet,
} from "@solana/wallet-adapter-wallets";

ErroError:

./node_modules/@ledgerhq/hw-transport-webhid/lib-es/TransportWebHID.js
Module not found: Can't resolve '@ledgerhq/devices/hid-framing' in 'C:\Users\Administrator\Documents\GitHub\saude-vapor-2-0\saudevapor\node_modules\@ledgerhq\hw-transport- webhid\lib-es'

Does anyone have any idea how to use "@solana/wallet-adapter-..." in ReactJS applications?

I use this doc: https://docs.metaplex.com/guides/candy-machine-ui

Can I use @solana/wallet-adapter-.. with react JS?

I create a new React JS (npx create-react-app) I install the dependencies to connect a Wallet to my application:

    "@project-serum/anchor": "^0.17.0",
    "@solana/spl-token": "^0.1.8",
    "@solana/wallet-adapter-base": "^0.7.0",
    "@solana/wallet-adapter-material-ui": "^0.13.1",
    "@solana/wallet-adapter-react": "^0.13.1",
    "@solana/wallet-adapter-react-ui": "^0.6.1",
    "@solana/wallet-adapter-wallets": "^0.11.3",
    "@solana/web3.js": "^1.33.0",

But I get errors when I import:

import {
  getPhantomWallet,
  getSlopeWallet,
  getSolflareWallet,
  getSolletExtensionWallet,
  getSolletWallet,
} from "@solana/wallet-adapter-wallets";

Erro:

./node_modules/@ledgerhq/hw-transport-webhid/lib-es/TransportWebHID.js
Module not found: Can't resolve '@ledgerhq/devices/hid-framing' in 'C:\Users\Administrator\Documents\GitHub\saude-vapor-2-0\saudevapor\node_modules\@ledgerhq\hw-transport- webhid\lib-es'

Does anyone have any idea how to use "@solana/wallet-adapter-..." in ReactJS applications?

I use this doc: https://docs.metaplex.com/guides/candy-machine-ui

Can I use @solana/wallet-adapter with react JS?

I create a new React JS (npx create-react-app) I install the dependencies to connect a Wallet to my application:

    "@project-serum/anchor": "^0.17.0",
    "@solana/spl-token": "^0.1.8",
    "@solana/wallet-adapter-base": "^0.7.0",
    "@solana/wallet-adapter-material-ui": "^0.13.1",
    "@solana/wallet-adapter-react": "^0.13.1",
    "@solana/wallet-adapter-react-ui": "^0.6.1",
    "@solana/wallet-adapter-wallets": "^0.11.3",
    "@solana/web3.js": "^1.33.0",

But I get errors when I import:

import {
  getPhantomWallet,
  getSlopeWallet,
  getSolflareWallet,
  getSolletExtensionWallet,
  getSolletWallet,
} from "@solana/wallet-adapter-wallets";

Error:

./node_modules/@ledgerhq/hw-transport-webhid/lib-es/TransportWebHID.js
Module not found: Can't resolve '@ledgerhq/devices/hid-framing' in 'C:\Users\Administrator\Documents\GitHub\saude-vapor-2-0\saudevapor\node_modules\@ledgerhq\hw-transport- webhid\lib-es'

Does anyone have any idea how to use "@solana/wallet-adapter-..." in ReactJS applications?

I use this doc: https://docs.metaplex.com/guides/candy-machine-ui

Source Link

Can I use @solana/wallet-adapter-.. with react JS?

I create a new React JS (npx create-react-app) I install the dependencies to connect a Wallet to my application:

    "@project-serum/anchor": "^0.17.0",
    "@solana/spl-token": "^0.1.8",
    "@solana/wallet-adapter-base": "^0.7.0",
    "@solana/wallet-adapter-material-ui": "^0.13.1",
    "@solana/wallet-adapter-react": "^0.13.1",
    "@solana/wallet-adapter-react-ui": "^0.6.1",
    "@solana/wallet-adapter-wallets": "^0.11.3",
    "@solana/web3.js": "^1.33.0",

But I get errors when I import:

import {
  getPhantomWallet,
  getSlopeWallet,
  getSolflareWallet,
  getSolletExtensionWallet,
  getSolletWallet,
} from "@solana/wallet-adapter-wallets";

Erro:

./node_modules/@ledgerhq/hw-transport-webhid/lib-es/TransportWebHID.js
Module not found: Can't resolve '@ledgerhq/devices/hid-framing' in 'C:\Users\Administrator\Documents\GitHub\saude-vapor-2-0\saudevapor\node_modules\@ledgerhq\hw-transport- webhid\lib-es'

Does anyone have any idea how to use "@solana/wallet-adapter-..." in ReactJS applications?

I use this doc: https://docs.metaplex.com/guides/candy-machine-ui