Device Intelligence لـ React

import { TracioProvider, useTracioResult } from '@tracio/react'
function App() {
  return (
    <TracioProvider
      publicKey={process.env.NEXT_PUBLIC_TRACIO_KEY!}
      endpoint="/tracio/identify"
      timeoutMs={15000}
    >
      <ProtectedPage />
    </TracioProvider>
  )
}
function ProtectedPage() {
  const { data, isLoading, error } = useTracioResult()
  if (isLoading) return <Spinner />
  if (error) return <ErrorBanner message={error.message} />
  return (
    <div>
      <p>Visitor: {data?.visitorId}</p>
      <p>Bot: {data?.bot.detected ? 'detected' : 'clear'} ({data?.bot.confidence}/100)</p>
    </div>
  )
}