Function: ChordProvider

import ChordProvider from '@chordcommerce/react-autonomy'
import { StytchClient } from '@chordcommerce/chord-stytch'
import { StytchProvider } from '@stytch/nextjs'

const App = ({ children }) => {
  const authClient = new StytchClient({
    apiKey: process.env.STYTCH_API_KEY,
  })

  return (
    <ChordProvider
      config={{
        domain: process.env.CHORD_OMS_DOMAIN,
        brandName: process.env.CHORD_OMS_BRAND_NAME,
        storeId: process.env.CHORD_OMS_STORE_ID,
        omsId: process.env.CHORD_OMS_ID,
        tenantId: process.env.CHORD_OMS_TENANT_ID,
        storeSlug: process.env.CHORD_OMS_STORE_SLUG,
        productUrlFormatter: (product) => {
          return product.url || `https://example.com/${product.variant?.slug}`
        }
      }}
      authClient={authClient}
    >
      <StytchProvider stytch={authClient.getServiceClient()}>
        {children}
      </StytchProvider>
    </ChordProvider>
  )
}