check serverside add hoge

src/client/js/components/PageAccessoriesModal.jsx

@@ -78,7 +78,7 @@ const PageAccessoriesModal = (props) => {
           </Nav>
           <TabContent activeTab={activeTab}>
             <TabPane tabId="pagelist">
-              {pageAccessoriesContainer.state.activeComponents.has('pagelist') && <PageList isOpen={props.isOpen} />}
+              {pageAccessoriesContainer.state.activeComponents.has('pagelist') && <PageList />}
             </TabPane>
             <TabPane tabId="timeline"></TabPane>
             <TabPane tabId="recent-changes"></TabPane>
@@ -105,7 +105,6 @@ PageAccessoriesModal.propTypes = {
   pageAccessoriesContainer: PropTypes.instanceOf(PageAccessoriesContainer).isRequired,
   appContainer: PropTypes.instanceOf(AppContainer),
   pageContainer: PropTypes.instanceOf(PageContainer),
-  path: PropTypes,
   isOpen: PropTypes.bool.isRequired,
   onClose: PropTypes.func,
 };

src/client/js/components/PageList.jsx

@@ -13,17 +13,20 @@ const PageList = (props) => {
 
   const [page, setPage] = useState({});
 
-  function getPageList() {
-    const res = appContainer.apiv3Get('/pages/list', path);
-    setPage(res);
+  async function getPageList() {
+    console.log('hoge');
+    // const res = await appContainer.apiv3Get('/pages/list', path);
+    // setPage(res);
   }
 
-  // useEffect(() => {
-  //   getPageList();
-  // }, [props.isOpen]);
+  useEffect(() => {
+    getPageList();
+  }, []);
+
 
   return (
-    <Page page={page} />
+    <span>hoge</span>
+  // <Page page={page} />
   );
 };
 
@@ -33,7 +36,6 @@ const PageListWrapper = withUnstatedContainers(PageList, [AppContainer, PageCont
 PageList.propTypes = {
   appContainer: PropTypes.instanceOf(AppContainer),
   pageContainer: PropTypes.instanceOf(PageContainer),
-  isOpen: PropTypes,
 };
 
 export default PageListWrapper;