editMode will be declared inline

EditableItem.js

import PropTypes from 'prop-types';
import React, { Fragment, useState } from 'react';
import EditModeItem from './EditModeItem';
import './style.scss';
import ViewModeItem from './ViewModeItem';

export default function EditableItem({ data }) {
  const [editMode, setEditMode] = useState(false);
  return (
    <Fragment>
      {editMode ? (
        <EditModeItem data={data} onCancel={() => setEditMode(false)} />
      ) : (
        <ViewModeItem data={data} onEdit={() => setEditMode(true)} />
      )}
      <div className="editable-Item-divider" />
    </Fragment>
  );
}

EditableItem.propTypes = {
  data: PropTypes.object.isRequired
};