React websites

import { WebsiteUpdates, type WebsiteBuild } from '@feedbackloop/react'
import '@feedbackloop/react/styles.css'

// Replace these literals during your build. Never fetch currentBuild from the manifest.
const currentBuild: WebsiteBuild = {
  buildId: 'deployment-2026-10-25-1',
  releaseVersion: '1.2.3',
}

export function App() {
  return (
    <>
      <YourWebsite />
      <WebsiteUpdates
        projectId="YOUR_PROJECT_ID"
        currentBuild={currentBuild}
        theme="system"
        beforeRefresh={async () => {
          await savePendingWork()
        }}
      />
    </>
  )
}

{
  "buildId": "deployment-2026-10-25-2",
  "releaseVersion": "1.2.4"
}

pnpm add @feedbackloop/react@0.2.0

import { ReleaseNotes } from '@feedbackloop/react'
import '@feedbackloop/react/styles.css'

export function WhatsNew() {
  return <ReleaseNotes projectId="YOUR_PROJECT_ID" theme="system" />
}

import { ReleaseNotes } from '@feedbackloop/react'
import '@feedbackloop/react/styles.css'

export function InstalledRelease() {
  return (
    <ReleaseNotes
      projectId="YOUR_PROJECT_ID"
      version="1.2.3+desktop.7"
      theme="dark"
    />
  )
}