for a moment, output console.log

src/client/js/components/ArchiveCreateModal.jsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import PropTypes from 'prop-types';
+// import PropTypes from 'prop-types';
 import { Modal, ModalHeader, ModalBody } from 'reactstrap';
 
 export default class ArchiveCreateModal extends React.PureComponet {
@@ -60,5 +60,9 @@ export default class ArchiveCreateModal extends React.PureComponet {
       </Modal>
     );
   }
+  // ArchiveCreateModal.propTypes = {
+  //   isOpen: Proptypes.bool.isRequired,
+  //   onClose: PropTypes.cunc.isRequired,
+  // };
 
 }

src/client/js/components/Page/PageShareManagement.jsx

@@ -12,6 +12,7 @@ import OutsideShareLinkModal from '../OutsideShareLinkModal';
 import { toastError } from '../../util/apiNotification';
 
 import ArchiveCreateModal from '../ArchiveCreateModal';
+// import ArchiveCreateModal from '../ArchiveCreateModal';
 
 const PageShareManagement = (props) => {
   const { t, appContainer, pageContainer } = props;
@@ -91,6 +92,12 @@ const PageShareManagement = (props) => {
     );
   }
 
+  function openArchiveModalHandler() {
+    return (
+      console.log('ログ出るで！')
+    );
+  }
+
 
   return (
     <>
@@ -106,6 +113,10 @@ const PageShareManagement = (props) => {
         <button type="button" className="dropdown-item" onClick={() => { exportPageHundler('pdf') }}>
           <span>{t('export_bulk.export_page_pdf')}</span>
         </button>
+
+        <button className="dropdown-item" type="button" onClick={openArchiveModalHandler}>アーカイブデータを作成する
+        </button>
+
       </div>
       {renderModals()}
     </>