change to default export UserGroupDetailPage to prevent ts err

packages/app/src/components/Admin/UserGroupDetail/UserGroupDetailPage.tsx

@@ -36,7 +36,7 @@ type Props = {
   userGroupId?: string,
 }
 
-export const UserGroupDetailPage = (props: Props) => {
+const UserGroupDetailPage = (props: Props) => {
   const { t } = useTranslation();
   const router = useRouter();
   const { userGroupId: currentUserGroupId } = props;
@@ -398,3 +398,5 @@ export const UserGroupDetailPage = (props: Props) => {
     </div>
   );
 };
+
+export default UserGroupDetailPage;

packages/app/src/pages/admin/[[...path]].page.tsx

@@ -56,12 +56,9 @@ const LegacySlackIntegration = dynamic(() => import('../../components/Admin/Lega
 const UserManagement = dynamic(() => import('../../components/Admin/UserManagement'), { ssr: false });
 const ManageExternalAccount = dynamic(() => import('../../components/Admin/ManageExternalAccount'), { ssr: false });
 const ElasticsearchManagement = dynamic(() => import('../../components/Admin/ElasticsearchManagement/ElasticsearchManagement'), { ssr: false });
+const UserGroupDetailPage = dynamic(() => import('../../components/Admin/UserGroupDetail/UserGroupDetailPage'), { ssr: false });
 // named export
 const UserGroupPage = dynamic(() => import('../../components/Admin/UserGroup/UserGroupPage').then(mod => mod.UserGroupPage), { ssr: false });
-const UserGroupDetailPage = dynamic(
-  () => import('../../components/Admin/UserGroupDetail/UserGroupDetailPage').then(mod => mod.UserGroupDetailPage),
-  { ssr: false },
-);
 const AuditLogManagement = dynamic(() => import('../../components/Admin/AuditLogManagement').then(mod => mod.AuditLogManagement), { ssr: false });
 const AdminLayout = dynamic(() => import('../../components/Layout/AdminLayout').then(mod => mod.AdminLayout), { ssr: false });