[Fix] builds errors and warnings

apps/web/app/[locale]/auth/password/component.tsx

@@ -123,6 +123,7 @@ function WorkSpaceScreen({ form, className }: { form: TAuthenticationPassword }
 		[form.workspaces]
 	);
 
+
 	useEffect(() => {
 		if (form.workspaces.length === 1 && !hasMultipleTeams) {
 			setTimeout(() => {
@@ -149,6 +150,7 @@ function WorkSpaceScreen({ form, className }: { form: TAuthenticationPassword }
 			);
 			setSelectedTeam(lastSelectedTeamId);
 		}
+		// eslint-disable-next-line react-hooks/exhaustive-deps
 	}, [form.workspaces]);
 
 	useEffect(() => {

apps/web/app/[locale]/calendar/component.tsx

@@ -70,10 +70,16 @@ export function HeadTimeSheet({ timesheet, isOpen, openModal, closeModal }: { ti
     return (
 
         <div>
-            <TimeSheetFilter
-                closeModal={closeModal!}
-                isOpen={isOpen!}
-            />
+            {
+                closeModal ? (
+                    <TimeSheetFilter
+                        closeModal={closeModal}
+                        isOpen={isOpen ?? false}
+                    />
+                ) :
+                    <></>
+            }
+
             <div className='flex items-center justify-between w-full  dark:!bg-dark--theme h-28'>
                 {timesheet === 'TimeSheet' && (
                     <div className="flex justify-between items-center w-full p-2  gap-x-3">

apps/web/app/[locale]/kanban/page.tsx

@@ -62,7 +62,7 @@ const Kanban = () => {
 			{ title: activeTeam?.name || '', href: '/' },
 			{ title: t('common.KANBAN'), href: `/${currentLocale}/kanban` }
 		],
-		[activeTeam?.name, currentLocale]
+		[activeTeam?.name, currentLocale, t]
 	);
 
 	const activeTeamMembers = activeTeam?.members ? activeTeam.members : [];

apps/web/app/[locale]/meet/livekit/component.tsx

@@ -41,7 +41,7 @@ function LiveKitPage() {
         <div >
             <Meta title="Meet" />
             {token && roomName && <LiveKit
-                token={token!}
+                token={token}
                 roomName={roomName}
                 liveKitUrl={process.env.NEXT_PUBLIC_LIVEKIT_URL || ''}
                 onLeave={onLeave}

apps/web/app/[locale]/profile/[memberId]/components/UserProfileDetail.tsx

@@ -67,7 +67,7 @@ export function UserProfileDetail({ member }: { member?: OT_Member }) {
 						{user?.firstName} {user?.lastName}
 					</Text.Heading>
 					<div className="h-8  w-8">
-						<TableActionPopover member={member!} status="profile" />
+						{member ? <TableActionPopover member={member} status="profile" /> : <></>}
 					</div>
 				</div>
 				<Text className="text-lg text-gray-500">{user?.email}</Text>

apps/web/app/helpers/daily-plan-estimated.ts

@@ -20,9 +20,10 @@ export const dailyPlanCompareEstimated = (plans: IDailyPlan[]): IDailyPlanCompar
         };
     }
 
-    const workTimePlanned = convertHourToSeconds(plan.workTimePlanned!);
+    const workTimePlanned = plan.workTimePlanned ? convertHourToSeconds(plan.workTimePlanned) : 0;
     const times = plan.tasks?.map((task) => task.estimate).filter((time): time is number => typeof time === 'number') ?? [];
-    const estimated = plan.tasks?.map((task) => task.estimate! > 0);
+    const estimated = plan.tasks?.map((task) => (task.estimate ?? 0) > 0);
+
 
     let estimatedTime = 0;
     if (times.length > 0) {

apps/web/app/helpers/drag-and-drop.ts

@@ -11,9 +11,9 @@ export const handleDragAndDrop = (results: DropResult, plans: IDailyPlan[], setP
     const planSourceIndex = newPlans.findIndex(plan => plan.id === source.droppableId);
     const planDestinationIndex = newPlans.findIndex(plan => plan.id === destination.droppableId);
 
-    const newSourceTasks = [...newPlans[planSourceIndex].tasks!];
+    const newSourceTasks = [...(newPlans[planSourceIndex].tasks ?? [])];
     const newDestinationTasks = source.droppableId !== destination.droppableId
-        ? [...newPlans[planDestinationIndex].tasks!]
+        ? [...(newPlans[planDestinationIndex].tasks ?? [])]
         : newSourceTasks;
 
     const [deletedTask] = newSourceTasks.splice(source.index, 1);

apps/web/app/hooks/auth/useAuthenticationPasscode.ts

@@ -75,80 +75,82 @@ export function useAuthenticationPasscode() {
 	/**
 	 * Verify auth request
 	 */
-	const verifySignInEmailConfirmRequest = async ({
-		email,
-		code,
-		lastTeamId
-	}: {
-		email: string;
-		code: string;
-		lastTeamId?: string;
-	}) => {
-		signInEmailConfirmQueryCall(email, code)
-			.then((res) => {
-				if ('team' in res.data) {
-					router.replace('/');
-					return;
-				}
+	const verifySignInEmailConfirmRequest = useCallback(
+		async ({
+			email,
+			code,
+			lastTeamId
+		}: {
+			email: string;
+			code: string;
+			lastTeamId?: string;
+		}) => {
+			signInEmailConfirmQueryCall(email, code)
+				.then((res) => {
+					if ('team' in res.data) {
+						router.replace('/');
+						return;
+					}
 
-				const checkError: {
-					message: string;
-				} = res.data as any;
+					const checkError: {
+						message: string;
+					} = res.data as any;
 
-				const isError = checkError.message === 'Unauthorized';
+					const isError = checkError.message === 'Unauthorized';
 
-				if (isError) {
-					setErrors({
-						code: 'Invalid code. Please try again.'
-					});
-				} else {
-					setErrors({});
-				}
+					if (isError) {
+						setErrors({
+							code: 'Invalid code. Please try again.'
+						});
+					} else {
+						setErrors({});
+					}
 
-				const data = res.data as ISigninEmailConfirmResponse;
-				if (!data.workspaces) {
-					return;
-				}
+					const data = res.data as ISigninEmailConfirmResponse;
+					if (!data.workspaces) {
+						return;
+					}
 
-				if (data && Array.isArray(data.workspaces) && data.workspaces.length > 0) {
-					setWorkspaces(data.workspaces);
-					setDefaultTeamId(data.defaultTeamId);
+					if (data && Array.isArray(data.workspaces) && data.workspaces.length > 0) {
+						setWorkspaces(data.workspaces);
+						setDefaultTeamId(data.defaultTeamId);
 
-					setScreen('workspace');
-				}
+						setScreen('workspace');
+					}
 
-				// If user tries to login from public Team Page as an Already a Member
-				// Redirect to the current team automatically
-				if (pathname === '/team/[teamId]/[profileLink]' && data.workspaces.length) {
-					if (queryTeamId) {
-						const currentWorkspace = data.workspaces.find((workspace) =>
-							workspace.current_teams.map((item) => item.team_id).includes(queryTeamId as string)
-						);
-
-						signInToWorkspaceRequest({
-							email: email,
-							code: code,
-							token: currentWorkspace?.token as string,
-							selectedTeam: queryTeamId as string,
-							lastTeamId
-						});
+					// If user tries to login from public Team Page as an Already a Member
+					// Redirect to the current team automatically
+					if (pathname === '/team/[teamId]/[profileLink]' && data.workspaces.length) {
+						if (queryTeamId) {
+							const currentWorkspace = data.workspaces.find((workspace) =>
+								workspace.current_teams.map((item) => item.team_id).includes(queryTeamId as string)
+							);
+
+							signInToWorkspaceRequest({
+								email: email,
+								code: code,
+								token: currentWorkspace?.token as string,
+								selectedTeam: queryTeamId as string,
+								lastTeamId
+							});
+						}
 					}
-				}
 
-				// if (res.data?.status !== 200 && res.data?.status !== 201) {
-				// 	setErrors({ code: t('pages.auth.INVALID_INVITE_CODE_MESSAGE') });
-				// }
-			})
-			.catch((err: AxiosError<{ errors: Record<string, any> }, any> | { errors: Record<string, any> }) => {
-				if (isAxiosError(err)) {
-					if (err.response?.status === 400) {
-						setErrors(err.response.data?.errors || {});
+					// if (res.data?.status !== 200 && res.data?.status !== 201) {
+					// 	setErrors({ code: t('pages.auth.INVALID_INVITE_CODE_MESSAGE') });
+					// }
+				})
+				.catch((err: AxiosError<{ errors: Record<string, any> }, any> | { errors: Record<string, any> }) => {
+					if (isAxiosError(err)) {
+						if (err.response?.status === 400) {
+							setErrors(err.response.data?.errors || {});
+						}
+					} else {
+						setErrors(err.errors || {});
 					}
-				} else {
-					setErrors(err.errors || {});
-				}
-			});
-	};
+				});
+			// eslint-disable-next-line react-hooks/exhaustive-deps		
+		}, [signInEmailConfirmQueryCall, router, pathname, queryTeamId]);
 
 	const verifyPasscodeRequest = useCallback(
 		({ email, code }: { email: string; code: string }) => {

apps/web/app/hooks/features/useEmployee.ts

@@ -52,7 +52,7 @@ export const useEmployeeUpdate = () => {
 			.catch((error) => {
 				console.log(error);
 			});
-	}, []);
+	}, [employeeUpdateQuery]);
 
 	return { updateEmployee, isLoading }
 }

apps/web/app/hooks/features/useGetTasksStatsData.ts

@@ -32,7 +32,7 @@ export function useGetTasksStatsData(employeeId: string | undefined, triggerWith
 		if (entry?.isIntersecting && supported) {
 			loadTaskStats();
 		}
-	}, [employeeId, triggerWithIObserver, entry]);
+	}, [employeeId, triggerWithIObserver, entry, getTasksStatsData]);
 
 	return IObserverRef;
 }

apps/web/app/hooks/features/usePagination.ts

@@ -48,7 +48,7 @@ export function useScrollPagination<T>({
 			setPage(1);
 			setSlicedItems(items.slice(0, defaultItemsPerPage));
 		}
-	}, [enabled, items]);
+	}, [enabled, items, defaultItemsPerPage]);
 
 	useEffect(() => {
 		const container = $scrollableElement.current;
@@ -68,7 +68,7 @@ export function useScrollPagination<T>({
 		return () => {
 			container.removeEventListener('scroll', handleScroll);
 		};
-	}, [$scrollableElement.current, enabled]);
+	}, [enabled]);
 
 	useEffect(() => {
 		const newItems = items.slice(0, defaultItemsPerPage * page);

apps/web/app/hooks/features/useTeamTasks.ts

@@ -115,7 +115,7 @@ export function useTeamTasks() {
 				return res;
 			});
 		},
-		[getTasksByIdQueryCall, setDetailedTask]
+		[getTasksByIdQueryCall, setDetailedTask, tasksRef]
 	);
 
 	const getTasksByEmployeeId = useCallback(
@@ -285,8 +285,8 @@ export function useTeamTasks() {
 					// TODO: Make it dynamic when we add Dropdown in Navbar
 					...(activeTeam?.projects && activeTeam?.projects.length > 0
 						? {
-								projectId: activeTeam.projects[0].id
-							}
+							projectId: activeTeam.projects[0].id
+						}
 						: {}),
 					...(description ? { description: `<p>${description}</p>` } : {}),
 					...(members ? { members } : {}),
@@ -451,7 +451,17 @@ export function useTeamTasks() {
 				}
 			}
 		},
-		[setActiveTeamTask, setActiveUserTaskCookieCb, updateOrganizationTeamEmployeeActiveTask, activeTeam, authUser]
+		[
+			setActiveTeamTask,
+			setActiveUserTaskCookieCb,
+			updateOrganizationTeamEmployeeActiveTask,
+			activeTeam,
+			authUser,
+			$memberActiveTaskId,
+			$user,
+			tasksRef,
+			updateTask
+		]
 	);
 
 	const deleteEmployeeFromTasks = useCallback(

apps/web/app/hooks/features/useTimeLogs.ts

@@ -43,7 +43,6 @@ export function useTimeLogs() {
 			profile.member?.employeeId,
 			queryTimerLogsDailyReport,
 			setTimerLogsDailyReport,
-			user?.employee.id,
 			user?.employee.organizationId,
 			user?.tenantId,
 		]

apps/web/app/hooks/features/useTimer.ts

@@ -112,7 +112,7 @@ function useLocalTimeCounter(timerStatus: ITimerStatus | null, activeTeamTask: I
 			return 0;
 		}
 		return timerSecondsRef.current;
-	}, [seconds, firstLoad, timerStatusRef]);
+	}, [seconds, timerStatusRef]);
 
 	useEffect(() => {
 		if (firstLoad) {

apps/web/app/stores/employee.ts

@@ -14,5 +14,5 @@ export const workingEmployeesEmailState = atom<string[]>({
 
 export const employeeUpdateState = atom<IUpdateEmployee>({
 	key: 'employeeUpdateState',
-	default: null!,
+	default: undefined,
 })

apps/web/components/pages/kanban/sort-tasks-status-settings.tsx

@@ -9,14 +9,15 @@ import { SixSquareGridIcon } from 'assets/svg';
 import { useTranslations } from 'next-intl';
 import React, { useState } from 'react';
 import { DragDropContext, Droppable, Draggable, DropResult } from 'react-beautiful-dnd';
-import { useRecoilState } from 'recoil';
+import { useSetRecoilState } from 'recoil';
 
 const SortTasksStatusSettings = ({ arr, onClose }: { arr: ITaskStatusItemList[]; onClose: () => void }) => {
 	const [items, setItems] = useState(arr);
 	const [saveLoader, setSaveLoader] = useState(false);
 	const [saveCheck, setSaveCheck] = useState(false);
 	const organizationId = getOrganizationIdCookie();
-	const [_, setState] = useRecoilState(taskStatusListState);
+	const setState = useSetRecoilState(taskStatusListState);
+
 	const t = useTranslations();
 	const { reOrderQueryCall } = useTaskStatus();
 	const onDragEnd = (result: DropResult) => {

apps/web/components/pages/task/details-section/blocks/task-secondary-info.tsx

@@ -1,6 +1,6 @@
-import { useModal, useSyncRef, useTeamTasks } from '@app/hooks';
+import { useModal, useTeamTasks } from '@app/hooks';
 import { ITaskVersionCreate, ITeamTask } from '@app/interfaces';
-import { detailedTaskState, taskVersionListState } from '@app/stores';
+import { detailedTaskState } from '@app/stores';
 import { PlusIcon } from '@heroicons/react/20/solid';
 import { Button, Card, Modal, Tooltip } from 'lib/components';
 import {
@@ -27,8 +27,6 @@ type StatusType = 'version' | 'epic' | 'status' | 'label' | 'size' | 'priority';
 
 const TaskSecondaryInfo = () => {
 	const task = useRecoilValue(detailedTaskState);
-	const taskVersion = useRecoilValue(taskVersionListState);
-	const $taskVersion = useSyncRef(taskVersion);
 	const { updateTask } = useTeamTasks();
 
 	const { handleStatusUpdate } = useTeamTasks();
@@ -52,7 +50,7 @@ const TaskSecondaryInfo = () => {
 		(version: ITaskVersionCreate) => {
 			handleStatusUpdate(version.value || version.name, 'version', task?.taskStatusId, task);
 		},
-		[$taskVersion, task, handleStatusUpdate]
+		[task, handleStatusUpdate]
 	);
 
 	const onTaskSelect = useCallback(

apps/web/components/ui/calendar.tsx

@@ -44,7 +44,7 @@ function Calendar({ className, classNames, showOutsideDays = true, ...props }: C
 				...classNames
 			}}
 			components={{
-				Dropdown: ({ value, onChange, children, ...props }: DropdownProps) => {
+				Dropdown: ({ value, onChange, children }: DropdownProps) => {
 					const options = React.Children.toArray(children) as React.ReactElement<
 						React.HTMLProps<HTMLOptionElement>
 					>[];

apps/web/lib/components/custom-select/multi-select.tsx

@@ -71,7 +71,7 @@ export function MultiSelect<T>({
         if (triggerRef.current) {
             setPopoverWidth(triggerRef.current.offsetWidth);
         }
-    }, [triggerRef.current]);
+    }, []);
 
     return (
         <div className="relative w-full overflow-hidden">