useDynamicModals

Recommended: JavaScript SDK with React Hooks

For new React apps, we recommend the JavaScript SDK with React Hooks (@dynamic-labs-sdk/react-hooks) instead of the legacy React SDK documented here. The JS SDK comes with many benefits such as a much smaller bundle size and other optimizations. Use the React quickstart (JavaScript SDK) to get started.

Summary

This hook can be used to programmatically show/hide some dynamic modals. The hook needs to be initialized within a child of DynamicContextProvider.

If you are not using DynamicEmbeddedWidget, you need to use this hook with DynamicMultiWalletPromptsWidget to display the modals.

setShowLinkNewWalletModal

Type: Dispatch<SetStateAction>

Use it to link a new wallet when the user is logged in.

Example

const LinkNewWalletButton = () => {
  const { setShowLinkNewWalletModal } = useDynamicModals();
  return (
    <button
      onClick={() => setShowLinkNewWalletModal(true)}
    >
      Link a new wallet
    </button>
  );
};