Skip to content

How tiplink might be doing it

@tiplink/wallet-adapter-react-ui

https://tiplink.notion.site/Integrating-TipLink-Wallet-Adapter-4ecc4b438c244535995223a8649a1356

Interesting code - registerTipLinkWallet

import { registerTipLinkWallet } from "@tiplink/wallet-adapter";
import { TipLinkWalletAutoConnectV2 } from "@tiplink/wallet-adapter-react-ui";
// TODO: set your rpcUrl
const rpcUrl = "http://..."
// call this outside your React component
registerTipLinkWallet({
title: "Name of Dapp",
clientId: "694bf97c-d2ac-4dsc-a786-a001812318df",
theme: "dark", // pick between "dark"/"light"/"system",
rpcUrl,
});
export const Component: FC = () => {
const { query, isReady } = useRouter();
return (
<WalletProvider wallets={wallets} autoConnect>
<TipLinkWalletAutoConnectV2
isReady={isReady}
query={query}
>
...
</TipLinkWalletAutoConnect>
</WalletProvider>
);
};

https://www.npmjs.com/package/@tiplink/wallet-adapter?activeTab=code