React Data Inspector
Documentation / Reference

Type support

Exact behavior for JavaScript value categories.

Compatibility matrix

JavaScript valueDisplay and expansionCurrent boundary
string, boolean, null, undefinedTerminal primitiveStrings are truncated for display by stringLimit.
number, bigint, symbolTerminal primitive; preserves -0, NaN, infinities, and bigint suffixSymbol descriptions are labels, not identity.
functionTerminal ƒ name() summaryNever called; own properties are not expanded.
plain object and class instanceEnumerable own string and symbol propertiesPrototype chain is not shown. Non-enumerables are opt-in.
ArrayIndexed children, including explicit empty rows for holesNon-index properties are excluded.
Date, RegExp, URLTerminal intrinsic summaryInvalid Date is explicit; no object properties.
Error subclassesExpandable own error detailsIncludes non-enumerable own error properties.
MapKey and value rows by iteration positionStops after 10,000 entries; insertion changes paths.
SetValue rows by iteration positionStops after 10,000 entries; insertion changes paths.
typed arraysIndexed element rowsExtra properties are excluded.
DataView, ArrayBufferIndexed byte rowsByte paths are rich custom segments.
SharedArrayBufferOpaque summaryBytes are not read.
WeakMap, WeakSet, PromiseOpaque summaryContents or state cannot be inspected.
Recognized HTML elements, Text, Document, React elementOpaque recognized summarySVG, Comment and DocumentFragment fall back to own-property inspection.
getter/setter propertyTerminal descriptor markerGetter is not invoked.
circular/shared objectTerminal reference with target pathTarget is scoped to current lazy discovery.
custom registered typeSummary and optional paged childrenApplication callbacks execute and own their safety.
unrecognized objectEnumerable own propertiesProxy reflection may execute traps or fail.

Try representative values

import { DataInspector } from '@nipe-solutions/react-data-inspector'

const value = {
  bytes: new Uint8Array([1, 2, 3]),
  map: new Map([[{ id: 1 }, 'value']]),
  weak: new WeakMap<object, string>(),
  special: [-0, NaN, 42n, undefined],
}
export function Matrix() {
  return <DataInspector value={value} defaultExpandedDepth={2} />
}

Depth, string, grouping, search, copy, and visible-row limits apply independently of type support. An inspection failure renders a diagnostic and can be reported through inspectionOptions.onInspectionError.