@shopify/react-app-bridge-universal-provider

A self-serializing/deserializing `app-bridge-react` provider that works for isomorphic applications

Usage no npm install needed!

<script type="module">
  import shopifyReactAppBridgeUniversalProvider from 'https://cdn.skypack.dev/@shopify/react-app-bridge-universal-provider';
</script>

README

@shopify/react-app-bridge-universal-provider

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

A self-serializing/deserializing app-bridge-react provider that works for isomorphic applications.

Installation

$ yarn add @shopify/react-app-bridge-universal-provider

Usage

Props

The component takes children, apiKey, shopOrigin, and forceRedirect. Similar to @shopify/app-bridge-react's Provider.

Example

// App.tsx

import {AppBridgeUniversalProvider} from '@shopify/react-app-bridge-universal-provider';

function App({apiKey, shopOrigin}: {apiKey?: string; shopOrigin?: string}) {
  return (
    <AppBridgeUniversalProvider apiKey={apiKey} shopOrigin={shopOrigin}>
      {/* rest of the app */}
    </AppBridgeUniversalProvider>
  );
}