Wallet Detection

Detect available Solana wallets

Overview

The detectWallets() utility function detects which Solana wallets are installed in the user’s browser.

Import

import { detectWallets } from "magenx404/utils";

Usage

import { detectWallets } from "magenx404/utils";

const wallets = detectWallets();
console.log(wallets); // ["phantom", "solflare", "backpack"]

Return Value

Returns an array of wallet names that are detected:

• "phantom" - Phantom wallet
• "solflare" - Solflare wallet
• "backpack" - Backpack wallet

Example

"use client";

import { detectWallets } from "magenx404/utils";

export function WalletList() {
  const wallets = detectWallets();

  return (
    <div>
      <h3>Available Wallets:</h3>
      <ul>
        {wallets.map((wallet) => (
          <li key={wallet}>{wallet}</li>
        ))}
      </ul>
      {wallets.length === 0 && (
        <p>No wallets detected. Please install a Solana wallet.</p>
      )}
    </div>
  );
}

Implementation Details

The function checks for wallet objects in the window object:

• window.phantom?.solana - Phantom wallet
• window.solflare - Solflare wallet
• window.backpack - Backpack wallet

This function only works in browser environments. It will return an empty array in server-side contexts.