
Security News
Deno 2.2 Improves Dependency Management and Expands Node.js Compatibility
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
@monerium/sdk-react-provider
Advanced tools
Monerium.com | Monerium.app | Monerium.dev |
---|
pnpm add @monerium/sdk-react-provider @tanstack/react-query
Wrap your app in the QueryClientProvider
React Context Provider and pass a new QueryClient
instance to the client
property
Inside the QueryClientProvider
, wrap your app in the MoneriumProvider
React Context Provider and pass the auth flow's clientId
, redirectUri
, and environment
configuration.
import { createRoot } from 'react-dom/client';
import { MoneriumProvider } from '@monerium/sdk-react-provider';
import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
import App from './App';
const rootElement = document.getElementById('root');
const root = createRoot(rootElement);
const queryClient = new QueryClient();
root.render(
<QueryClientProvider client={queryClient}>
<MoneriumProvider
clientId="f99e629b-6dca-11ee-8aa6-5273f65ed05b"
redirectUri="https://pntvgs.csb.app/"
environment="sandbox"
// You should store the refresh token in a secure way
onRefreshTokenUpdate={(token) => setRefreshToken(token)}
refreshToken={refreshToken}
>
<App />
</MoneriumProvider>
</QueryClientProvider>
);
The following hooks are now available within your application:
import { useAuth, useProfile } from '@monerium/sdk-react-provider';
export default function App() {
const { authorize, isAuthorized } = useAuth();
const { profile } = useProfile();
return (
<div className="App">
{!isAuthorized && <button onClick={authorize}>Authorize</button>}
{profile ? <h1>{profile?.email}</h1> : <h1>No profile</h1>}
</div>
);
}
Hook used to access the SDK: https://codesandbox.io/s/monerium-sdk-react-provider-pntvgs?file=/src/App.js
The application is wrapped with MoneriumProvider https://codesandbox.io/s/monerium-sdk-react-provider-pntvgs?file=/src/index.js
Run turbo --filter @monerium/sdk-react-provider test
to execute the unit tests
We use TypeDoc to generate the documentation.
There are a few caveats to keep in mind when documenting the code:
Use @group
to group functions in the entry file. E.g. @group Hooks
.
To specifically mark @param
as optional, use square brackets, e.g. [param]
. Useful for optional destructed parameters.
For optional destructed parameters, use inline typing to improve readability.
+ @param {Object} [param] - Optional parameter.
+ @param {MyQueryType} [param.query] - Description.
+
+ function useMyHook(
+ { query }:
+ { query?: MyQueryType } = {}
+ ) {}
Document output:
param?: Object
param?.query MyQueryType
Instead of:
- type UseMyHookParams = {
- query?: MyQueryType
- }
- function useMyHook(params?: UseHookParams) {}
Document output:
params?: UseMyHookParams
This would require the viewer to navigate into the
UseMyHookParams
type to see the optionalquery
property.
FAQs
React provider for the Monerium SDK.
The npm package @monerium/sdk-react-provider receives a total of 67 weekly downloads. As such, @monerium/sdk-react-provider popularity was classified as not popular.
We found that @monerium/sdk-react-provider demonstrated a healthy version release cadence and project activity because the last version was released less than a year ago. It has 0 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.
Security News
Deno 2.2 enhances Node.js compatibility, improves dependency management, adds OpenTelemetry support, and expands linting and task automation for developers.
Security News
React's CRA deprecation announcement sparked community criticism over framework recommendations, leading to quick updates acknowledging build tools like Vite as valid alternatives.
Security News
Ransomware payment rates hit an all-time low in 2024 as law enforcement crackdowns, stronger defenses, and shifting policies make attacks riskier and less profitable.