
Research
Security News
Lazarus Strikes npm Again with New Wave of Malicious Packages
The Socket Research Team has discovered six new malicious npm packages linked to North Korea’s Lazarus Group, designed to steal credentials and deploy backdoors.
@picketapi/picket-react
Advanced tools
The Picket React SDK, picket-react
, is a JavaScript library for integrating Picket into React apps. It gives access to a Picket context provider and custom hook for securing your app.
picket-react
is an npm package.
npm install "@picketapi/picket-react"
The PicketProvider
creates a Picket context, which makes user authentication information available throughout your app! It takes a publishable API key as a prop.
import { PicketProvider } from "@picketapi/picket-react"
function MyApp({ children }) {
return (
<PicketProvider apiKey="YOUR_PUBLISHABLE_KEY_HERE">
{children}
</PicketProvider>
);
}
We’ve placed a placeholder publishable API key in this example. Replace it with your actual publishable API key. After instantiating the PicketProvider, you can use the usePicket
hook to get user authentication information within your app. Below is an example of a component that renders different information based on the user's authentication state.
import { usePicket } from "@picketapi/picket-react"
const MySecurePage = () => {
const {
isAuthenticating,
isAuthenticated,
authState,
logout,
login
} = usePicket();
// user is logging in
if (isAuthenticating) return "Loading";
// user is not logged in
if (!isAuthenticated) {
return (
<div>
<p>You are not logged in!</p>
<button onClick={() => login()}>Login with Wallet</button>
</div>
)
}
// user is logged in 🎉
const { user } = authState;
const { walletAddress } = user;
return (
<div>
<p>You are logged in as {walletAddress} </p>
<button onClick={() => logout()}>Logout</button>
</div>
)
}
The usePicket
hook provides your components information about the user's authentication state. You can use it to require authentication on specific routes, get user information, or get the login and logout functions.
For more information, checkout the docs
FAQs
React SDK for the picket-js client
The npm package @picketapi/picket-react receives a total of 223 weekly downloads. As such, @picketapi/picket-react popularity was classified as not popular.
We found that @picketapi/picket-react demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 2 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
Security News
The Socket Research Team has discovered six new malicious npm packages linked to North Korea’s Lazarus Group, designed to steal credentials and deploy backdoors.
Security News
Socket CEO Feross Aboukhadijeh discusses the open web, open source security, and how Socket tackles software supply chain attacks on The Pair Program podcast.
Security News
Opengrep continues building momentum with the alpha release of its Playground tool, demonstrating the project's rapid evolution just two months after its initial launch.