Function useJsonTree

app/hooks/useJsonTree.tsx:49–69

(options: JsonTreeOptions)

}

export function useJsonTree(options: JsonTreeOptions): UseJsonTreeInstance {
  const parentRef = useRef<HTMLDivElement>(null);

  const { doc } = useJsonDoc();
  const [json] = useJson();
  const jsonNodes = useMemo(() => {
    return generateTreeViewNodes(json);
  }, [json]);

  const tree = useVirtualTree({
    id: doc.id,
    nodes: jsonNodes,
    parentRef,
    estimateSize: useCallback((index) => 32, []),
    initialRect,
    overscan: options.overscan,
    persistState: true,
  });

  return { tree, parentRef };
}

export function useJsonTreeViewContext(): JsonTreeViewType {
  const context = useContext(JsonTreeViewContext);