Deposit into a Position

info

All DeFi positions that can be deposited into extend the DepositablePosition class, allowing developers to use one single hook to query deposit quotes from any given token. 'Core SDK'

useDepositTypedAmount

A react hook that returns a swap quote for a specified token swap, using human-readable input amounts.

Parameters

Name	Type	Required	Description
inputAddress	Address	No	Address of the token being swapped
typedAmount	string/number	No	Input amount in human-readable format (not accounting for decimals)
depositable	DepositablePosition	No	Depositable position object
opts	object	No	Optional object to override debounce time or react query config

Returns

An object with details about the swap quote, including the input and output amounts, the expected rate, and any errors that may have occurred.

Example

function MyComponent() {
  const [inputAddress, setInputAddress] = useState<Address | undefined>();
  const [typedAmount, setTypedAmount] = useState<string | undefined>();
  const { farm, fetchDetails } = useFarm(YEARN_VAULT_ADDRESS, true);
  const { inputAmount, outputAmount, rate, error } = useDepositTypedAmount(
    inputAddress,
    typedAmount,
    farm,
    {
      debounceDelay: 10,
      cacheTime: 1000 * 60,
      refetchInterval: BLOCK_TIME * 1000,
    }
  );

  return (
    <div>
      <AddressInput onChange={setInputAddress} />
      <Input type="text" onChange={(e) => setTypedAmount(e.target.value)} />
      {error ? (
        <div>{error.message}</div>
      ) : (
        <div>
          Swap {inputAmount} for {outputAmount} at a rate of {rate}
        </div>
      )}
    </div>
  );
}