fix: lint errors

Author: sravan-s

scripts/index_d_ts

@@ -917,6 +917,8 @@ declare module "SendbirdUIKitGlobal" {
     customData?: string;
   }
 
+  export type NotificationFetchMoreCb = (value: [BaseMessage[] | null, Error | null]) => void;
+
   export type NotficationChannelStateInterface = {
     uiState: 'loading' | 'initialized' | 'invalid';
     allMessages: BaseMessage[];
@@ -942,7 +944,7 @@ declare module "SendbirdUIKitGlobal" {
       notificationsDispatcher: React.Dispatch<any>;
       oldestMessageTimeStamp: number;
       scrollRef: React.RefObject<HTMLDivElement>;
-      onFetchMore: (cb: any) => void;
+      onFetchMore: (cb: NotificationFetchMoreCb) => void;
     }
   export type RenderNotificationMessageProps = {
     message: BaseMessage;

src/smart-components/NotificationChannel/components/NotificationChannelUI/index.tsx

@@ -24,15 +24,15 @@ export type NotificationChannelUIProps = {
   renderMessage?: renderMessage;
 }
 
-export default function index({
+const NotificationChannelUI: React.FC<NotificationChannelUIProps> = ({
   isLoading,
   renderPlaceholderLoader,
   renderPlaceholderInvalid,
   renderPlaceholderEmpty,
   renderMessageHeader,
   renderHeader,
   renderMessage,
-}: NotificationChannelUIProps) {
+}: NotificationChannelUIProps): React.ReactElement => {
   const {
     uiState,
     showDeleteModal,
@@ -122,3 +122,5 @@ export default function index({
     </div>
   );
 }
+
+export default NotificationChannelUI;

src/smart-components/NotificationChannel/components/NotificationList/index.tsx

@@ -19,11 +19,11 @@ type Props = {
   renderPlaceholderEmpty?: () => React.ReactElement;
 }
 
-export default function NotificationList({
+const NotificationList: React.FC<Props> = ({
   renderMessage,
   renderMessageHeader,
   renderPlaceholderEmpty,
-}: Props) {
+}: Props): React.ReactElement => {
   const {
     allMessages,
     scrollRef,
@@ -97,3 +97,5 @@ export default function NotificationList({
     </div>
   );
 }
+
+export default NotificationList;

src/smart-components/NotificationChannel/components/NotificationMessageWrap/index.tsx

@@ -16,7 +16,7 @@ import { useNotficationChannelContext } from '../../context/NotificationChannelP
 
 import { MessageTemplate, MessageProvider } from '@sendbird/react-uikit-message-template-view';
 
-const NotificationIcon = () => (
+const NotificationIcon = (): React.ReactElement => (
   <div className="sendbird-notification-channel__channel-icon-wrap">
     <div className="sendbird-notification-channel__channel-icon">
       <Icon
@@ -40,7 +40,7 @@ export default function NotificationMessageWrap({
   renderMessage,
   renderMessageHeader,
   message,
-}: Props) {
+}: Props): JSX.Element {
   const { dateLocale, stringSet } = useLocalization();
   const {
     lastSeen,

src/smart-components/NotificationChannel/context/NotificationChannelProvider.tsx

@@ -11,7 +11,7 @@ import useInitialize from './hooks/useInitialize';
 import { reducer } from './dux/reducers';
 import { BaseMessage, MessageListParams } from '@sendbird/chat/message';
 import useEventListener from './hooks/useEventListener';
-import useFetchMore from './hooks/useFetchMore';
+import useFetchMore, { NotificationFetchMoreCb } from './hooks/useFetchMore';
 import { actionTypes } from './dux/actionTypes';
 import { Action } from '@sendbird/uikit-message-template';
 
@@ -30,8 +30,8 @@ export interface NotficationChannelProviderInterface extends NotficationChannelS
     notificationsDispatcher: React.Dispatch<any>;
     oldestMessageTimeStamp: number;
     scrollRef: React.RefObject<HTMLDivElement>;
-    onFetchMore: (cb: any) => void;
-  };
+    onFetchMore: (cb: NotificationFetchMoreCb) => void;
+  }
 
 const NotficationChannelContext = React.createContext<NotficationChannelProviderInterface | null>(undefined);
 const NotficationChannelProvider: React.FC<NotficationChannelContextProps> = (

src/smart-components/NotificationChannel/context/dux/__tests__/reducers.spec.js

@@ -10,6 +10,9 @@ describe('NotificationChannel reducers', () => {
   it('should handle FETCH_CHANNEL_START', () => {
     expect(reducer(initialState, {
       type: actionTypes.FETCH_CHANNEL_START,
+      payload: {
+        messageListParams: null,
+      },
     })).toEqual({
       ...initialState,
       uiState: 'loading',

src/smart-components/NotificationChannel/context/hooks/useEventListener.ts

@@ -22,7 +22,7 @@ function useEventListener({ currentChannel, sdkInit }: DynamicParams, {
   notificationsDispatcher,
   sdk,
   logger,
-}: StaticParams) {
+}: StaticParams): void {
   useEffect(() => {
     const channelUrl = currentChannel?.url;
     const channelHandlerId = uuidv4();

src/smart-components/NotificationChannel/context/hooks/useFetchMore.ts

@@ -1,10 +1,10 @@
 import React, { useCallback } from 'react';
-import { GroupChannel, SendbirdGroupChat } from '@sendbird/chat/groupChannel';
+import { GroupChannel } from '@sendbird/chat/groupChannel';
 
 import { actionTypes } from '../dux/actionTypes';
 import { Logger } from '../../../../lib/SendbirdState';
 import { Action } from '../dux/reducers';
-import { MessageListParams } from '@sendbird/chat/message';
+import { BaseMessage, MessageListParams } from '@sendbird/chat/message';
 
 type DynamicParams = {
   channel: GroupChannel;
@@ -18,11 +18,13 @@ type StaticParams = {
   logger: Logger;
 };
 
+export type NotificationFetchMoreCb = (value: [BaseMessage[] | null, Error | null]) => void;
+
 function useFetchMore({ channel, sdkInit, oldestMessageTimeStamp }: DynamicParams, {
   logger,
   notificationsDispatcher,
   messageListParams,
-}: StaticParams) {
+}: StaticParams): (cb: NotificationFetchMoreCb) => void {
   return useCallback((cb) => {
     logger.info('NotificationChannel: Fetching messages', { channel, messageListParams });
 

src/smart-components/NotificationChannel/context/hooks/useInitialize.ts

@@ -27,7 +27,7 @@ function useInitialize({
   notificationsDispatcher,
   sdk,
   logger,
-}: StaticParams) {
+}: StaticParams): void {
   useEffect(() => {
     if (sdkInit) {
       const messageListParams_: MessageListParams = {

src/smart-components/NotificationChannel/index.tsx

@@ -3,7 +3,7 @@ import { NotficationChannelContextProps, NotficationChannelProvider } from "./co
 import NotificationChannelUI, { NotificationChannelUIProps } from "./components/NotificationChannelUI";
 
 export interface NotificationChannelProps extends NotificationChannelUIProps, NotficationChannelContextProps {}
-export default function NotificationChannel(props: NotificationChannelProps) {
+export default function NotificationChannel(props: NotificationChannelProps): JSX.Element {
   const {
     channelUrl,
     messageListParams,

src/smart-components/NotificationChannel/stories/AppLayout.tsx

@@ -20,7 +20,7 @@ const getNotificationChannelUrl = (userId: string) => {
   return `SENDBIRD_NOTIFICATION_CHANNEL_NOTIFICATION_${userId}`;
 };
 
-export const CustomTitle = () => {
+export const CustomTitle = (): JSX.Element => {
   const [ notificationChannel, setNotificationChannel ] = useState<GroupChannel>(null);
   const [ isNotficationsOpen, setIsNotficationsOpen ] = useState(false);
   const [ unreadCount, setUnreadCount] = useState(0);

src/smart-components/NotificationChannel/stories/TestApp.tsx

@@ -4,7 +4,7 @@ import { fitPageSize } from '../../App/stories/utils';
 import Sendbird from '../../../lib/Sendbird';
 import { AppLayout } from './AppLayout';
 
-export const TestApp = () => {
+export const TestApp = (): JSX.Element => {
   const [isLoginPage, setIsLoginPage] = useState(true);
   const [userId, setUserId] = useState('');
   const [appId, setAppId] = useState('');

src/smart-components/NotificationChannel/stories/index.stories.js

@@ -6,7 +6,7 @@ import { TestApp } from './TestApp';
 
 export default { title: 'NotficationChannel' };
 
-export const NotificationChannelComponenet = () => (
+export const NotificationChannelComponent = () => (
   <Sendbird
     appId={appId}
     userId={userId}