useUpgradeToDynamicWaasFlow

import { useUpgradeToDynamicWaasFlow } from '@dynamic-labs/sdk-react-core';

const UpgradeWalletButton = () => {
  const { promptUpgradeToDynamicWaasFlow } = useUpgradeToDynamicWaasFlow();

  return (
    <button
      onClick={() => promptUpgradeToDynamicWaasFlow()}
      className="upgrade-btn"
    >
      Upgrade to Advanced Wallet
    </button>
  );
};

import { useUpgradeToDynamicWaasFlow, useDynamicContext } from '@dynamic-labs/sdk-react-core';

const ConditionalUpgradeComponent = () => {
  const { promptUpgradeToDynamicWaasFlow } = useUpgradeToDynamicWaasFlow();
  const { user, primaryWallet } = useDynamicContext();

  // Check if user is eligible for upgrade
  const isEligibleForUpgrade = user && primaryWallet && primaryWallet.key !== 'dynamicwaas';

  const handleUpgrade = () => {
    if (isEligibleForUpgrade) {
      promptUpgradeToDynamicWaasFlow();
    }
  };

  if (!isEligibleForUpgrade) {
    return null; // Don't show upgrade option if not eligible
  }

  return (
    <div className="upgrade-container">
      <h3>Upgrade Your Wallet</h3>
      <p>Get enhanced security and features with Dynamic WaaS</p>
      <button onClick={handleUpgrade}>
        Start Upgrade Process
      </button>
    </div>
  );
};

import { useUpgradeToDynamicWaasFlow } from '@dynamic-labs/sdk-react-core';

const SafeUpgradeComponent = () => {
  const { promptUpgradeToDynamicWaasFlow } = useUpgradeToDynamicWaasFlow();

  const handleUpgrade = async () => {
    try {
      promptUpgradeToDynamicWaasFlow();
    } catch (error) {
      console.error('Failed to start upgrade flow:', error);
      // Handle error appropriately (show user message, retry logic, etc.)
    }
  };

  return (
    <button onClick={handleUpgrade}>
      Upgrade Wallet
    </button>
  );
};