122 components

useDebugTools@djangocfg/ui-nextjs

Debug utilities for development environment

useDebugTools Hook
Display debug values in React DevTools

Current State:

{ "counter": 0, "name": "User" }

Note: Open React DevTools and select this component to see the debug values with the "Preview" prefix.

Usage:

// Display values in React DevTools
useDebugTools({ counter, name }, 'MyComponent');

// Works with objects, arrays, and primitives
useDebugTools([item1, item2], 'List');
useDebugTools(singleValue, 'Value');

Import

Loading code...