React Geiger is a unique tool designed to “audiolize” React performance issues by generating clicks to draw attention to slow component rerenders. Simply wrap the desired component in the component and any rerenders that exceed the set threshold (default: 50ms) will trigger a click sound. This tool can be applied to your entire app or specific sub-trees with customizable options such as profilerId, renderTimeThreshold, phaseOption, and enabled settings. It’s important to note that React Geiger relies on React.Profiler, which is typically disabled in production builds. Overall, React Geiger provides a clever and interactive way to track and improve React performance.
https://github.com/kristiandupont/react-geiger