apply originally defined PaginateResult

packages/app/src/components/InAppNotification/InAppNotificationList.tsx

@@ -1,14 +1,12 @@
 import React, { FC } from 'react';
 
 import { useTranslation } from 'react-i18next';
-import { IInAppNotification } from '../../interfaces/in-app-notification';
+import { IInAppNotification, PaginateResult } from '../../interfaces/in-app-notification';
 import InAppNotificationElm from './InAppNotificationElm';
 
 
 type Props = {
-  // TODO: import @types/mongoose-paginate-v2 and use PaginateResult as a type after upgrading mongoose v6.0.0
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  inAppNotificationData: any;
+  inAppNotificationData?: PaginateResult<IInAppNotification>;
 };
 
 const InAppNotificationList: FC<Props> = (props: Props) => {

packages/app/src/interfaces/in-app-notification.ts

@@ -13,9 +13,9 @@ export interface IInAppNotification {
 /*
 * Note:
 * Need to use mongoose PaginateResult as a type after upgrading mongoose v6.0.0.
-* Until then, use the original "PagenateResult".
+* Until then, use the original "PaginateResult".
 */
-export interface PagenateResult<T> {
+export interface PaginateResult<T> {
   docs: T[];
   hasNextPage: boolean;
   hasPrevPage: boolean;

packages/app/src/server/service/in-app-notification.ts

@@ -5,6 +5,7 @@ import {
   InAppNotification, STATUS_UNREAD, STATUS_UNOPENED, STATUS_OPENED,
   InAppNotificationDocument,
 } from '~/server/models/in-app-notification';
+import { PaginateResult } from '../../interfaces/in-app-notification';
 
 import { ActivityDocument } from '~/server/models/activity';
 import InAppNotificationSettings from '~/server/models/in-app-notification-settings';
@@ -86,9 +87,7 @@ export default class InAppNotificationService {
   getLatestNotificationsByUser = async(
       userId: Types.ObjectId,
       queryOptions: {offset: number, limit: number},
-  // TODO: import @types/mongoose-paginate-v2 and use PaginateResult as a type after upgrading mongoose v6.0.0
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  ): Promise<any> => {
+  ): Promise<PaginateResult<InAppNotificationDocument>> => {
     const { limit, offset } = queryOptions;
 
     try {

packages/app/src/stores/in-app-notification.ts

@@ -1,15 +1,13 @@
 import useSWR, { SWRResponse } from 'swr';
 
 import { apiv3Get } from '../client/util/apiv3-client';
-
+import { IInAppNotification, PaginateResult } from '../interfaces/in-app-notification';
 
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 export const useSWRxInAppNotifications = <Data, Error>(
   limit: number,
   offset?: number,
-// TODO: import @types/mongoose-paginate-v2 and use PaginateResult as a type after upgrading mongoose v6.0.0
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-): SWRResponse<any, Error> => {
+): SWRResponse<PaginateResult<IInAppNotification>, Error> => {
   return useSWR(
     ['/in-app-notification/list', limit, offset],
     endpoint => apiv3Get(endpoint, { limit, offset }).then(response => response.data),