There is no return or render, Check the sandbox code:

import React from "react";
import Tree from "react-tree-graph";
import "./styles.css";

const data = {
  name: "Parent",
  children: [
    {
      name: "Child One"
    },
    {
      name: "Child Two"
    }
  ]
};
export default function App() {
  return (
    <div className="custom-container">
      <Tree data={data} height={200} width={400} />
    </div>
  );
}

This can be achieved with a Browser Extension or a global npm package. (rarely a local one) Let me show you the two most popular tools.

React Sight (chrome extension)

React Sight is a live view of the component hierarchy tree of your React application with support for React Router and Redux.

Source: https://github.com/React-Sight/React-Sight

React Monocle (npm package)

React Monocle parses through your React source files to generate a visual tree graph representing your React component hierarchy. The tree is then displayed along with a live copy of your application.

Source: https://github.com/team-gryff/react-monocle