
Research
PyPI Package Disguised as Instagram Growth Tool Harvests User Credentials
A deceptive PyPI package posing as an Instagram growth tool collects user credentials and sends them to third-party bot services.
@crossmint/client-sdk-react-native-ui
Advanced tools
This package provides a React Native UI for integrating Crossmint authentication and wallet functionality into your mobile apps.
This package provides a React Native UI for integrating Crossmint authentication and wallet functionality into your mobile apps.
pnpm add @crossmint/client-sdk-react-native-ui expo-secure-store expo-web-browser
The React Native SDK uses Expo's SecureStore for secure, encrypted storage of authentication tokens. This provides a platform-native secure storage solution that encrypts sensitive data on the device.
The CrossmintAuthProvider
uses SecureStorage by default:
import { CrossmintProvider, CrossmintAuthProvider } from "@crossmint/client-sdk-react-native-ui";
export default function App() {
return (
<CrossmintProvider
apiKey="YOUR_API_KEY"
>
<CrossmintAuthProvider>
{/* Your app content */}
</CrossmintAuthProvider>
</CrossmintProvider>
);
}
Once the providers are set up, you can use the authentication hooks in your components:
import { useCrossmintAuth } from "@crossmint/client-sdk-react-native-ui";
function ProfileScreen() {
const { user, status, logout, login } = useCrossmintAuth();
if (status === "logged-out") {
return (
<View>
<Button
title="Sign in with Google"
onPress={() => login("google")}
/>
</View>
);
}
return (
<View>
<Text>Welcome, {user?.email}</Text>
<Button title="Logout" onPress={logout} />
</View>
);
}
If you need to implement a custom storage solution, you can implement the StorageProvider
interface and pass it to the CrossmintAuthProvider
:
import { CrossmintAuthProvider, type StorageProvider } from "@crossmint/client-sdk-react-native-ui";
// Implement your custom storage provider
class CustomStorage implements StorageProvider {
async get(key: string): Promise<string | undefined> {
// Your implementation
}
async set(key: string, value: string, expiresAt?: string): Promise<void> {
// Your implementation
}
async remove(key: string): Promise<void> {
// Your implementation
}
}
// Use your custom storage provider
function App() {
const customStorage = new CustomStorage();
return (
<CrossmintProvider apiKey="YOUR_API_KEY">
<CrossmintAuthProvider customStorageProvider={customStorage}>
{/* Your app content */}
</CrossmintAuthProvider>
</CrossmintProvider>
);
}
For more detailed documentation, please visit the Crossmint Developer Docs.
FAQs
This package provides a React Native UI for integrating Crossmint authentication and wallet functionality into your mobile apps.
The npm package @crossmint/client-sdk-react-native-ui receives a total of 285 weekly downloads. As such, @crossmint/client-sdk-react-native-ui popularity was classified as not popular.
We found that @crossmint/client-sdk-react-native-ui demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 7 open source maintainers collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Research
A deceptive PyPI package posing as an Instagram growth tool collects user credentials and sends them to third-party bot services.
Product
Socket now supports pylock.toml, enabling secure, reproducible Python builds with advanced scanning and full alignment with PEP 751's new standard.
Security News
Research
Socket uncovered two npm packages that register hidden HTTP endpoints to delete all files on command.