Reactive-Resume/src/components/builder/sections/Hobbies.js

import React from 'react';
import Heading from '../../shared/Heading';
import List from '../lists/List';

const Hobbies = ({ id, name, event }) => {
  const path = `${id}.items`;

  return (
    <section>
      <Heading>{name}</Heading>

      <List path={path} event={event} titlePath="name" />
    </section>
  );
};

export default Hobbies;