Render counts and highlights missing

[DanielSinclair]

I integrated react-scan into a webpack bundled Chrome extension using the scan() API, but oddly can't seem to get the render count and highlight-on-rerender to work as expected. The toolbar is visible, and the element selector and highlights are functional and capture the proper elements in the tree.

How should I go about diagnosing the issue?

Screencapture

Dec-03-2024 01-49-19.webm

Integration

import { scan } from 'react-scan';
import * as React from 'react';
/* ... */
if (process.env.IS_DEV === 'true') {
  scan({
    showToolbar: isFullScreen,
    report: true,
    log: true,
  });
}

[tbakerx]

Your demo video appears to show that you've got them hidden in the toolbar (the eye icon with the line through).

[RobPruzan]

As @tbakerx mentioned, the eye ball with a cross means it's disabled. You can toggle it to enable it

[DanielSinclair]

@RobPruzan To be clear, I am seeing this issue with the feature enabled. I was toggling it around for the demo video and must have left it disabled. Here is a better screen recording. Please re-open. Dec-11-2024 15-41-02.webm

[RobPruzan]

Sorry about that!