Have ideas to improve npm?Join in the discussion! »

    @shopify/react-csrf
    TypeScript icon, indicating that this package has built-in type declarations

    1.1.4 • Public • Published

    @shopify/react-csrf

    Build Status Build Status License: MIT npm version npm bundle size (minified + gzip)

    Share CSRF tokens throughout a React application.

    Installation

    $ yarn add @shopify/react-csrf

    Usage

    Setup the Provider around all of the application that need to access csrf token.

    // App.tsx
    import * as React from 'react';
    import {CsrfTokenContext} from '@shopify/react-csrf';
    
    function App({token}: {token?: string}) {
      return (
        <CsrfTokenContext.Provider value={token}>
          {/* rest of the app */}
        </CsrfTokenContext.Provider>
      );
    }

    Access csrf token using useCsrfToken hook:

    import React from 'react';
    import {useCsrfToken} from '@shopify/react-csrf';
    
    export default function MyToken() {
      const csrfToken = useCsrfToken();
      return <p>My CSRF Token is: {csrfToken}</p>;
    }

    Keywords

    none

    Install

    npm i @shopify/react-csrf

    DownloadsWeekly Downloads

    34,312

    Version

    1.1.4

    License

    MIT

    Unpacked Size

    8.23 kB

    Total Files

    28

    Last publish

    Collaborators

    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar
    • avatar