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,
  });
}