Object & Table Inspector
Chrome DevTools-style object inspection with expandable tree views, table display, and configurable expand presets. Powered by react-inspector.
Basic ObjectInspectorA complex trade object expanded one level deep
- ▶trade: {id: "TRD-2026-0042", instrument: Object, execution: Object, greeks: Object, marketData: Object…}
Expand PresetsControl which sections are expanded via expandPaths — useful for guiding users to relevant data
Show instrument and execution details
expandPaths: ["$", "$.instrument", "$.execution"]- ▶trade: {id: "TRD-2026-0042", instrument: Object, execution: Object, greeks: Object, marketData: Object…}
TableInspectorconsole.table-style view — great for arrays of uniform objects
Sort & Non-enumerable PropsToggle sortObjectKeys and showNonenumerable
Object
- ▶trade: {id: "TRD-2026-0042", instrument: Object, execution: Object, greeks: Object, marketData: Object…}
Array
- ▶trades: (8) [Object, Object, Object, Object, Object, Object, Object, Object]
Primitive & Special ValuesHow the inspector renders different JavaScript types
string
- string: "Hello, World!"
number
- number: 42.195
boolean
- boolean: true
null
- null: null
undefined
- undefined: undefined
Date
- Date: Thu Mar 26 2026 09:15:32 GMT+0000 (Coordinated Universal Time)
RegExp
- RegExp: /^CH[A-Z0-9]{10}$/i
Symbol
- Symbol: Symbol(trade-id)
Map
- ▶Map: Map {}
Set
- ▶Set: Set {}