Next.jsアプリのエラーログ監視について、Datadogを使ってみようと試したときの備忘録【うまくいかなかった】

import { datadogLogs } from '@datadog/browser-logs'

// xxxxxxxxxxxxxxxxxxxxはクライアントトークンを記載
datadogLogs.init({
  clientToken: 'xxxxxxxxxxxxxxxxxxxx',
  forwardErrorsToLogs: true,
})

import { datadogLogs } from '@datadog/browser-logs'

const ErrorPage = () => {
  const err = () => {
    console.error('datadog error')
    datadogLogs.logger.info('datadog info', { name: 'custome log', id: 123 })
  }

  return (
    <button
      type="button"
      onClick={err}
    >
      Throw error
    </button>
  )
}

export default ErrorPage