end code

packages/app/src/components/ShareLink/ShareLink.tsx

@@ -18,7 +18,7 @@ const ShareLink = (): JSX.Element => {
 
   const { data: currentPageId } = useCurrentPageId();
 
-  const { data, mutate } = useSWRxSharelink(currentPageId);
+  const { data: currentShareLinks, mutate } = useSWRxSharelink(currentPageId);
 
   const toggleShareLinkFormHandler = useCallback(() => {
     setIsOpenShareLinkForm(prev => !prev);
@@ -57,7 +57,7 @@ const ShareLink = (): JSX.Element => {
       </h3>
       <div>
         <ShareLinkList
-          shareLinks={data == null ? [] : data}
+          shareLinks={currentShareLinks == null ? [] : currentShareLinks}
           onClickDeleteButton={deleteLinkById}
         />
         <button

packages/app/src/stores/share-link.tsx

@@ -10,10 +10,5 @@ const fetchShareLinks = async(endpoint, pageId) => {
 };
 
 export const useSWRxSharelink = (currentPageId: Nullable<string>): SWRResponse<IResShareLinkList['shareLinksResult'], Error> => {
-  return useSWR(['/share-links/', currentPageId], ((endpoint) => {
-    if (currentPageId == null) {
-      return [];
-    }
-    return fetchShareLinks(endpoint, currentPageId);
-  }));
+  return useSWR(currentPageId == null ? null : ['/share-links/', currentPageId], (endpoint => fetchShareLinks(endpoint, currentPageId)));
 };