React Apple Tree

import React, { useState } from 'react';
import ReactAppleTree from '@newtonschool/react-apple-tree';

const MyTree = () => {
  const [treeData, setTreeData] = useState([
    { title: 'Parent 1', children: [{ title: 'Child 1' }] },
    { title: 'Parent 2', children: [{ title: 'Child 2' }] },
  ]);

  return (
    <div style={{ height: 400 }}>
      <ReactAppleTree
        treeData={treeData}
        onChange={(newTreeData) => setTreeData(newTreeData)}
        getNodeKey={({ treeIndex }) => treeIndex}
      />
    </div>
  );
};