use modal with data

useModal.js

import React from 'react';

export const useModal = () => {
  const [data, setData] = React.useState({});
  const [activeModal, setActiveModal] = React.useState('');
  const handleModalOpen = React.useCallback(
    ({ type, index, dataSource }) => (e) => {
      setData(dataSource);
      setActiveModal(type);
    },
    []
  );
  const handleModalClose = React.useCallback(() => {
    setData({});
    setActiveModal('');
  }, []);
  return { data, handleModalOpen, handleModalClose, activeModal };
};