Integration

npm install @investor-tech/sdk
# or
pnpm add @investor-tech/sdk

1import { InvestorProvider, createClient } from "@investor-tech/sdk";
2
3const investor = createClient({
4  application: process.env.NEXT_PUBLIC_INVESTOR_APP_ID,
5  network: "robinhood-chain",
6  registry: process.env.NEXT_PUBLIC_INVESTOR_REGISTRY,
7});
8
9export function Providers({ children }: { children: React.ReactNode }) {
10  return <InvestorProvider client={investor}>{children}</InvestorProvider>;
11}

1import { useFutureSplit } from "@investor-tech/sdk/react";
2
3export function TradeFooter({ notional }: { notional: number }) {
4  // Reads the connected account's own Future Rate. Never set it yourself.
5  const { rate, contribution, match, recipe } = useFutureSplit({ notional });
6
7  return (
8    <dl className="split-preview">
9      <dt>Future Split</dt>
10      <dd>{contribution.formatted}</dd>
11      <dt>{match.application} match</dt>
12      <dd>{match.formatted}</dd>
13      <dt>Destination</dt>
14      <dd>{recipe.name}</dd>
15    </dl>
16  );
17}