Sentryでエラー時にUser Feedbackのフォームを出す
from Sentry Memo
Sentry User Feedback
エラーが起きた時にそれをユーザに伝えたい
コンソールにエラーメッセージが出てるだけだと伝わらない
エラー時にそれを伝えてユーザからフィードバックを集めるダイアログがプリセットされてる
これを出せば良いか
ユーザが書いてくれるとは期待してないけど、自分が使ってる時なら何をしてて起きたかここから送信できるし、それがSentryのサーバ上でスタックトレースとかとセットで読める
故意にエラーを発生させるメニューを作って試す
<Sentry.ErrorBoundary fallback="An error has occurred" showDialog> developだとReactのエラー画面が出て、消すと元の画面。productionだと何も出ない
自前で送信前にフックして表示する
tsSentry.init({...
beforeSend(event, hint) {
// Check if it is an exception, and if so, show the report dialog
if (event.exception) {
Sentry.showReportDialog({ eventId: event.event_id });
}
return event;
},
});developだとエラー画面の下にフィードバック画面が出てる
ID重複の警告が出てる
フィードバック画面がそもそも2枚出てる
showDialogとの重複かと思ったが、消しても変わらない
エラーIDやタイムスタンプの異なるエラーが2回発生している
内容は同じ
Sentry上でのイベント回数表示も2ずつ増えてる
エラーバウンダリーのせいで2回出るのか？と思ったが、有無と関係ない
→1回だけ表示するための処理を自前でやることにした
考察
メニューを選択した時のイベントハンドラの中で起きたエラーに関して、エラーバウンダリーどは捕捉されないのかな？
そういうことらしい
>error boundary は自身の子コンポーネントツリーで発生した JavaScript エラーをキャッチし、エラーを記録し、クラッシュしたコンポーネントツリーの代わりにフォールバック用の UI を表示する React コンポーネントです。
>error boundary は以下のエラーをキャッチしません：
> イベントハンドラ（詳細）
> 非同期コード（例：setTimeout や requestAnimationFrame のコールバック）
なぜ2回出るのか
Reactが一旦キャッチしてから再スローしてんのかな
Related Pages
- →「完成」の存在しない不定形タスク×広背筋×運動不足による疲労感×ストレッチ×Sentry×完成のないタスクは時間があればあるだけ膨張する×忙しい×タスクマネジメント×タスクの取捨選択×タスク管理×一旦イスから立ち上がってみる×視野狭窄×ハウスキーパー×内閣ベビーシッター×看護休暇×病児保育×ベビーシッター×余裕を持った人員配置×きみは赤ちゃん×「服屋に行くための服がない」みたいな話×指輪をなくしたことをなぜ隠そうとするのかわからない×めんどくさいから隠そう×エモーションタイプ×pomoikane×日記2023-06-19×日記2023-06-21×日記2023-03-12×日記2022-06-20→
- →typescript×Sentry×react.forwardref×無意識に例外を握りつぶしてた×any消し祭りのゴミ片付け×requireしたものはanyになる×クラスのインスタンスをspreadしてもメソッドは複製されない→
"Engineer's way of creating knowledge" the English version of my book is now available on [Engineer's way of creating knowledge]
(C)NISHIO Hirokazu / Converted from [Scrapbox] at [Edit]