Product Details Page

Base component

File: src/components/beam/product-details-page.tsx

import React from 'react'
import dynamic from 'next/dynamic'
import * as Beam from '~/src/components/beam/constants'

const BeamProductDetailsPage = dynamic(
  () => import('@beamimpact/web-sdk/dist/react/product-details-page'),
  { loading: () => null, ssr: false }
)

export default function BeamProductDetailsPageWrapper() {
  return (
    <BeamProductDetailsPage
      apiKey={Beam.BEAM_PUBLIC_API_KEY}
      storeId={Beam.BEAM_STORE_ID}
      baseUrl={Beam.BEAM_BASE_URL}
    />
  )
}