TanStack Start

import { createFileRoute } from '@tanstack/react-router'
import { Checkout, CheckoutValues } from 'pagamentos/react'

export const Route = createFileRoute('/checkout')({
  component: CheckoutPage
})

function CheckoutPage() {
  async function onSubmit(data: CheckoutValues) {
    console.log('Dados do pagamento:', data)
  }

  return (
    <Checkout 
      onSubmit={onSubmit}
      metodoPagamento={[
        'pix',
        'boleto',
        'cartaoCredito'
      ]}      
    />
  )
}

import { createFileRoute } from '@tanstack/react-router'
import { toTanStackStart } from 'pagamentos/tanstack-start'
import { pg } from '../../pagamentos'

export const Route = createFileRoute('/api/webhook')({
  server: {
    handlers: {
      POST: toTanStackStart(pg.webhooks.handler)
    }
  }
})