UNPKG

state-management-utilities

Version:
9 lines (8 loc) 475 B
import React from "react"; import { Collapse } from "./_Collapse"; import { DetectType } from "./_DetectType"; export function ObjectComponent({ data }) { const uid = React.useId(); const entities = React.useMemo(() => Object.entries(data), [data]); return (React.createElement(Collapse, { length: entities.length, type: "object" }, entities.map(([key, value], index) => (React.createElement(DetectType, { name: key, data: value, key: `${index}-${uid}` }))))); }