fix lint error

packages/app/src/components/Page/DisplaySwitcher.tsx

@@ -18,6 +18,7 @@ import PageListIcon from '../Icons/PageListIcon';
 import { Page } from '../Page';
 // import PageEditorByHackmd from '../PageEditorByHackmd';
 import TableOfContents from '../TableOfContents';
+import { UserInfoProps } from '../User/UserInfo';
 
 
 import styles from './DisplaySwitcher.module.scss';
@@ -33,7 +34,7 @@ const EditorNavbarBottom = dynamic(() => import('../PageEditor/EditorNavbarBotto
 const HashChanged = dynamic(() => import('../EventListeneres/HashChanged'), { ssr: false });
 const ContentLinkButtons = dynamic(() => import('../ContentLinkButtons'), { ssr: false });
 const NotFoundPage = dynamic(() => import('../NotFoundPage'), { ssr: false });
-const UserInfo = dynamic(() => import('../User/UserInfo').then(mod => mod.UserInfo), { ssr: false });
+const UserInfo = dynamic<UserInfoProps>(() => import('../User/UserInfo').then(mod => mod.UserInfo), { ssr: false });
 
 const DisplaySwitcher = React.memo((): JSX.Element => {
   const { t } = useTranslation();

packages/app/src/components/User/UserInfo.tsx

@@ -6,7 +6,7 @@ import { IUserHasId } from '~/interfaces/user';
 
 import styles from './UserInfo.module.scss';
 
-type UserInfoProps = {
+export type UserInfoProps = {
   pageUser: IUserHasId,
 }