Setting up the Alchemy Accounts Provider
Once you have followed the Signer Setup Guide, set up and configure the Alchemy Accounts Provider in your project.
You can do this by wrapping the top level component (e.g. _layout.tsx
in Expo or App.tsx
in Bare React Native) in your app with the AlchemyAccountsProvider
component from the @account-kit/react-native
package.
Here's an example of how to do this:
_layout.tsx (Expo)
import "react-native-get-random-values"; // Shims for the crypto module
import React from "react";
import { alchemy, sepolia } from "@account-kit/infra";
import {
AlchemyAccountProvider,
createConfig,
} from "@account-kit/react-native";
import { QueryClient } from "@tanstack/react-query";
const queryClient = new QueryClient();
const config = createConfig({
chain: sepolia,
transport: alchemy({
apiKey: "YOUR_ALCHEMY_API_KEY",
}),
signerConnection: {
apiKey: "YOUR_ALCHEMY_API_KEY",
},
sessionConfig: {
expirationTimeMs: 1000 * 60 * 60 * 24, // <-- Adjust the session expiration time as needed (currently 24 hours)
},
});
export default function App() {
return (
<AlchemyAccountProvider config={config} queryClient={queryClient}>
{/* The rest of your app here... */}
</AlchemyAccountProvider>
);
}
Next Steps
Now that you have set up the Alchemy Accounts Provider, you can follow the Authentication Guides to learn how to authenticate users.