I'm trying to use react dev tools profiler to debug an extra re-render which happens immediately after the user returns to the site after logging in through an third-party IDP. I can't figure out how to start the profiler in time to catch this event.
What happens is:
- User clicks "login" on my page
- User gets redirected to identity provider site, does their login stuff
- Identity provider site authenticates and redirects back to my page
- My page begins to render (I can see some elements appear), but then it becomes blank white, and then it renders normally.
Because step 2 involves another website, the profiler stops if I start it during step 1. Step 4 happens so quickly I can't hit the "start recording" button in the profiler before its over.
I've tried putting breakpoint in my code so that I could start the profiler before my code runs, but no matter where I put the breakpoint, react dev tools says "Profiling not supported. Profiling support requires either a development or profiling build of React v16.5+." The profiler works on the page when it's not stopped a breakpoint however.
Is there any way to make the profiler work in this situation?