Iganinのブログ

日頃の開発で学んだ知見を中心に記事を書いています。

【React】(未解決)SentryのPerformance Monitoringがうまく機能しなかった

ほとんど個人用のメモです。 掲題の通りSentryのPerformance Monitoringが機能しなかったので調べたことなどまとめておきます。

環境

  • react 16.9.55
  • next 10.0.8
  • sentry/react 6.4.1
  • sentry/tracing 6.4.1

発生したこと

下記のチュートリアル通りに実装してもperformance monitoringに情報が表示されない。 さらにいうと、transactionsが0件のまま増えない。従ってtransactionの情報が正常に送信できていないと思われる。

docs.sentry.io

調査・試したこと

ドキュメントをあたる

ドキュメントによって、微妙に実装内容が異なっていたため、一通り試してみたが解決しなかった。

Issueの確認

調べていくと、nextjsでもperformance monitoringを使えるようにしようというPRが見つかった。 これが怪しい気がする。

feat(nextjs): Client performance monitoring by iker-barriocanal · Pull Request #3552 · getsentry/sentry-javascript · GitHub

5/21現在まだmasterにはマージされておらず、また現在の最新バージョンである 6.4.1には対応が含まれていない。 この対応がreleaseに含まれるまではperformance monitoringが難しいのではないかという気がする。

sentry/nextjsでの動作確認

少し話はそれるが、sentry/nextjsというものがあることがわかった。

Next.js | Sentry Documentation

こちらを使用していないことが原因かという気がしたので、sentry/reactの代わりに試してみたが解消せず。 また、early adopterであるので、まだプロダクトにいれるのは躊躇われる。

直近での方針

調査・調べたことに記載のように怪しいと思われる対応がまだリリースされていない。

そのため、少し時間をおいて対応がリリースされてから再度確認になると思う。

また、そのタイミングでsentry/nextjsのearly adopter が外れていたら sentry/reactからsentry/nextjsに変更したい。

まとめ

この問題の解決方法に心当たりがある方はコメントいただけると嬉しいです。