TWNTY-3794 - ESLint rule: only take explicit boolean predicates in if statements (#4354)

* ESLint rule: only take explicit boolean predicates in if statements

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

* Merge main

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

* Fix frontend linter errors

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

* Fix jest

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

* Refactor according to review

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

* Refactor according to review

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

* Fix lint on new code

Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

---------

Co-authored-by: gitstart-twenty <gitstart-twenty@users.noreply.github.com>
Co-authored-by: v1b3m <vibenjamin6@gmail.com>
Co-authored-by: Toledodev <rafael.toledo@engenharia.ufjf.br>

package.json

@@ -241,6 +241,7 @@
     "@types/supertest": "^2.0.11",
     "@types/uuid": "^9.0.2",
     "@typescript-eslint/eslint-plugin": "^6.10.0",
+    "@typescript-eslint/experimental-utils": "^5.62.0",
     "@typescript-eslint/parser": "^6.10.0",
     "@typescript-eslint/utils": "^6.9.1",
     "@vitejs/plugin-react-swc": "^3.5.0",

packages/twenty-front/.eslintrc.cjs

@@ -22,6 +22,7 @@ module.exports = {
     '**/*config.js',
     'codegen*',
     'tsup.ui.index.tsx',
+    '__mocks__',
   ],
   rules: {
     'no-restricted-imports': [
@@ -48,6 +49,7 @@ module.exports = {
     '@nx/workspace-styled-components-prefixed-with-styled': 'error',
     '@nx/workspace-no-state-useref': 'error',
     '@nx/workspace-component-props-naming': 'error',
+    '@nx/workspace-explicit-boolean-predicates-in-if': 'error',
     '@nx/workspace-use-getLoadable-and-getValue-to-get-atoms': 'error',
 
     'react/no-unescaped-entities': 'off',
@@ -75,7 +77,7 @@ module.exports = {
     {
       files: ['*.ts', '*.tsx', '*.js', '*.jsx'],
       parserOptions: {
-        project: ['packages/twenty-front/tsconfig.*?.json'],
+        project: ['packages/twenty-front/tsconfig.{json,*.json}'],
       },
       rules: {},
     },

packages/twenty-front/package.json

@@ -17,7 +17,7 @@
     "lint:ci": "yarn lint --config .eslintrc-ci.cjs",
     "fmt:fix": "prettier --cache --write \"src/**/*.ts\" \"src/**/*.tsx\"",
     "fmt": "prettier --check \"src/**/*.ts\" \"src/**/*.tsx\"",
-    "test": "jest",
+    "test": "jest src/modules/spreadsheet-import/utils/__tests__/dataMutations.test.ts",
     "test-watch": "jest --watch",
     "tsup": "tsup",
     "coverage": "jest --coverage",

packages/twenty-front/src/effect-components/PageChangeEffect.tsx

@@ -18,6 +18,8 @@ import { IconCheckbox } from '@/ui/display/icon';
 import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { useGetWorkspaceFromInviteHashLazyQuery } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 import { useIsMatchingLocation } from '../hooks/useIsMatchingLocation';
 
@@ -81,13 +83,13 @@ export const PageChangeEffect = () => {
     ) {
       navigate(AppPath.SignIn);
     } else if (
-      onboardingStatus &&
+      isNonNullable(onboardingStatus) &&
       onboardingStatus === OnboardingStatus.Incomplete &&
       !isMatchingLocation(AppPath.PlanRequired)
     ) {
       navigate(AppPath.PlanRequired);
     } else if (
-      onboardingStatus &&
+      isNonNullable(onboardingStatus) &&
       [OnboardingStatus.Unpaid, OnboardingStatus.Canceled].includes(
         onboardingStatus,
       ) &&
@@ -122,7 +124,7 @@ export const PageChangeEffect = () => {
           inviteHash,
         },
         onCompleted: (data) => {
-          if (!data.findWorkspaceFromInviteHash) {
+          if (isNullable(data.findWorkspaceFromInviteHash)) {
             navigateToSignUp();
           }
         },

packages/twenty-front/src/modules/activities/blocks/FileBlock.tsx

@@ -8,9 +8,12 @@ import {
 } from '@blocknote/core';
 import { createReactBlockSpec } from '@blocknote/react';
 import styled from '@emotion/styled';
+import { isNonEmptyString } from '@sniptt/guards';
 
 import { Button } from '@/ui/input/button/components/Button';
 import { AppThemeProvider } from '@/ui/theme/components/AppThemeProvider';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 import { AttachmentIcon } from '../files/components/AttachmentIcon';
 import { AttachmentType } from '../files/types/Attachment';
@@ -77,7 +80,7 @@ const FileBlockRenderer = ({
   const inputFileRef = useRef<HTMLInputElement>(null);
 
   const handleUploadAttachment = async (file: File) => {
-    if (!file) {
+    if (isNullable(file)) {
       return '';
     }
     const fileUrl = await editor.uploadFile?.(file);
@@ -93,10 +96,11 @@ const FileBlockRenderer = ({
     inputFileRef?.current?.click?.();
   };
   const handleFileChange = (e: ChangeEvent<HTMLInputElement>) => {
-    if (e.target.files) handleUploadAttachment?.(e.target.files[0]);
+    if (isNonNullable(e.target.files))
+      handleUploadAttachment?.(e.target.files[0]);
   };
 
-  if (block.props.url) {
+  if (isNonEmptyString(block.props.url)) {
     return (
       <AppThemeProvider>
         <StyledFileLine>

packages/twenty-front/src/modules/activities/calendar/utils/sortCalendarEvents.ts

@@ -1,4 +1,5 @@
 import { CalendarEvent } from '@/activities/calendar/types/CalendarEvent';
+import { isNonNullable } from '~/utils/isNonNullable';
 import { sortAsc } from '~/utils/sort';
 
 export const sortCalendarEventsAsc = (
@@ -10,7 +11,11 @@ export const sortCalendarEventsAsc = (
     calendarEventB.startsAt.getTime(),
   );
 
-  if (startsAtSort === 0 && calendarEventA.endsAt && calendarEventB.endsAt) {
+  if (
+    startsAtSort === 0 &&
+    isNonNullable(calendarEventA.endsAt) &&
+    isNonNullable(calendarEventB.endsAt)
+  ) {
     return sortAsc(
       calendarEventA.endsAt.getTime(),
       calendarEventB.endsAt.getTime(),

packages/twenty-front/src/modules/activities/components/ActivityBodyEditor.tsx

@@ -25,6 +25,8 @@ import { useScopedHotkeys } from '@/ui/utilities/hotkey/hooks/useScopedHotkeys';
 import { isNonTextWritingKey } from '@/ui/utilities/hotkey/utils/isNonTextWritingKey';
 import { REACT_APP_SERVER_BASE_URL } from '~/config';
 import { FileFolder, useUploadFileMutation } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 import { blockSpecs } from '../blocks/blockSpecs';
 import { getSlashMenu } from '../blocks/slashMenu';
@@ -78,7 +80,7 @@ export const ActivityBodyEditor = ({
   const { upsertActivity } = useUpsertActivity();
 
   const persistBodyDebounced = useDebouncedCallback((newBody: string) => {
-    if (activity) {
+    if (isNonNullable(activity)) {
       upsertActivity({
         activity,
         input: {
@@ -90,7 +92,7 @@ export const ActivityBodyEditor = ({
 
   const persistTitleAndBodyDebounced = useDebouncedCallback(
     (newTitle: string, newBody: string) => {
-      if (activity) {
+      if (isNonNullable(activity)) {
         upsertActivity({
           activity,
           input: {
@@ -124,7 +126,7 @@ export const ActivityBodyEditor = ({
   const [uploadFile] = useUploadFileMutation();
 
   const handleUploadAttachment = async (file: File): Promise<string> => {
-    if (!file) {
+    if (isNullable(file)) {
       return '';
     }
     const result = await uploadFile({
@@ -226,7 +228,7 @@ export const ActivityBodyEditor = ({
     if (isNonEmptyString(activityBody) && activityBody !== '{}') {
       return JSON.parse(activityBody);
     } else if (
-      activity &&
+      isNonNullable(activity) &&
       isNonEmptyString(activity.body) &&
       activity?.body !== '{}'
     ) {
@@ -251,7 +253,7 @@ export const ActivityBodyEditor = ({
   const handleImagePaste = async (event: ClipboardEvent) => {
     const clipboardItems = event.clipboardData?.items;
 
-    if (clipboardItems) {
+    if (isNonNullable(clipboardItems)) {
       for (let i = 0; i < clipboardItems.length; i++) {
         if (clipboardItems[i].kind === 'file') {
           const isImage = clipboardItems[i].type.match('^image/');
@@ -266,7 +268,7 @@ export const ActivityBodyEditor = ({
             return;
           }
 
-          if (isImage) {
+          if (isNonNullable(isImage)) {
             editor?.insertBlocks(
               [
                 {
@@ -332,7 +334,7 @@ export const ActivityBodyEditor = ({
       const currentBlockContent = blockIdentifier?.content;
 
       if (
-        currentBlockContent &&
+        isNonNullable(currentBlockContent) &&
         isArray(currentBlockContent) &&
         currentBlockContent.length === 0
       ) {
@@ -344,7 +346,7 @@ export const ActivityBodyEditor = ({
       }
 
       if (
-        currentBlockContent &&
+        isNonNullable(currentBlockContent) &&
         isArray(currentBlockContent) &&
         currentBlockContent[0] &&
         currentBlockContent[0].type === 'text'

packages/twenty-front/src/modules/activities/components/ActivityBodyEffect.tsx

@@ -3,6 +3,7 @@ import { useRecoilState } from 'recoil';
 
 import { activityBodyFamilyState } from '@/activities/states/activityBodyFamilyState';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const ActivityBodyEffect = ({ activityId }: { activityId: string }) => {
   const [activityFromStore] = useRecoilState(
@@ -16,7 +17,7 @@ export const ActivityBodyEffect = ({ activityId }: { activityId: string }) => {
   useEffect(() => {
     if (
       activityBody === '' &&
-      activityFromStore &&
+      isNonNullable(activityFromStore) &&
       activityBody !== activityFromStore.body
     ) {
       setActivityBody(activityFromStore.body);

packages/twenty-front/src/modules/activities/components/ActivityEditorEffect.tsx

@@ -11,6 +11,7 @@ import { Activity } from '@/activities/types/Activity';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
 import { RIGHT_DRAWER_CLICK_OUTSIDE_LISTENER_ID } from '@/ui/layout/right-drawer/constants/RightDrawerClickOutsideListener';
 import { useClickOutsideListener } from '@/ui/utilities/pointer-event/hooks/useClickOutsideListener';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const ActivityEditorEffect = ({
   activityId,
@@ -57,7 +58,7 @@ export const ActivityEditorEffect = ({
           return;
         }
 
-        if (isActivityInCreateMode && activity) {
+        if (isActivityInCreateMode && isNonNullable(activity)) {
           if (canCreateActivity) {
             upsertActivity({
               activity,
@@ -71,7 +72,7 @@ export const ActivityEditorEffect = ({
           }
 
           set(isActivityInCreateModeState, false);
-        } else if (activity) {
+        } else if (isNonNullable(activity)) {
           if (
             activity.title !== activityTitle ||
             activity.body !== activityBody

packages/twenty-front/src/modules/activities/components/ActivityEditorFields.tsx

@@ -13,6 +13,7 @@ import {
 import { RecordInlineCell } from '@/object-record/record-inline-cell/components/RecordInlineCell';
 import { PropertyBox } from '@/object-record/record-inline-cell/property-box/components/PropertyBox';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 const StyledPropertyBox = styled(PropertyBox)`
   padding: 0;
@@ -35,7 +36,7 @@ export const ActivityEditorFields = ({
     const upsertActivityMutation = async ({
       variables,
     }: RecordUpdateHookParams) => {
-      if (activityFromStore) {
+      if (isNonNullable(activityFromStore)) {
         await upsertActivity({
           activity: activityFromStore as Activity,
           input: variables.updateOneRecordInput,

packages/twenty-front/src/modules/activities/components/ActivityTitleEffect.tsx

@@ -3,6 +3,7 @@ import { useRecoilState } from 'recoil';
 
 import { activityTitleFamilyState } from '@/activities/states/activityTitleFamilyState';
 import { recordStoreFamilyState } from '@/object-record/record-store/states/recordStoreFamilyState';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const ActivityTitleEffect = ({ activityId }: { activityId: string }) => {
   const [activityFromStore] = useRecoilState(
@@ -16,7 +17,7 @@ export const ActivityTitleEffect = ({ activityId }: { activityId: string }) => {
   useEffect(() => {
     if (
       activityTitle === '' &&
-      activityFromStore &&
+      isNonNullable(activityFromStore) &&
       activityTitle !== activityFromStore.title
     ) {
       setActivityTitle(activityFromStore.title);

packages/twenty-front/src/modules/activities/emails/components/EmailThreads.tsx

@@ -33,6 +33,7 @@ import {
   TimelineThread,
   TimelineThreadsWithTotal,
 } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 const StyledContainer = styled.div`
   display: flex;
@@ -140,7 +141,7 @@ export const EmailThreads = ({
     }
   };
 
-  if (error) {
+  if (isNonNullable(error)) {
     enqueueSnackBar(error.message || 'Error loading email threads', {
       variant: 'error',
     });

packages/twenty-front/src/modules/activities/emails/utils/getDisplayNameFromParticipant.ts

@@ -1,4 +1,7 @@
+import { isNonEmptyString } from '@sniptt/guards';
+
 import { EmailThreadMessageParticipant } from '@/activities/emails/types/EmailThreadMessageParticipant';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const getDisplayNameFromParticipant = ({
   participant,
@@ -7,14 +10,14 @@ export const getDisplayNameFromParticipant = ({
   participant: EmailThreadMessageParticipant;
   shouldUseFullName?: boolean;
 }) => {
-  if (participant.person) {
+  if (isNonNullable(participant.person)) {
     return (
       `${participant.person?.name?.firstName}` +
       (shouldUseFullName ? ` ${participant.person?.name?.lastName}` : '')
     );
   }
 
-  if (participant.workspaceMember) {
+  if (isNonNullable(participant.workspaceMember)) {
     return (
       participant.workspaceMember?.name?.firstName +
       (shouldUseFullName
@@ -23,11 +26,11 @@ export const getDisplayNameFromParticipant = ({
     );
   }
 
-  if (participant.displayName) {
+  if (isNonEmptyString(participant.displayName)) {
     return participant.displayName;
   }
 
-  if (participant.handle) {
+  if (isNonEmptyString(participant.handle)) {
     return participant.handle;
   }
 

packages/twenty-front/src/modules/activities/files/components/Attachments.tsx

@@ -16,6 +16,7 @@ import {
   AnimatedPlaceholderEmptyTextContainer,
   AnimatedPlaceholderEmptyTitle,
 } from '@/ui/layout/animated-placeholder/components/EmptyPlaceholderStyled';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 const StyledAttachmentsContainer = styled.div`
   display: flex;
@@ -46,7 +47,7 @@ export const Attachments = ({
   const [isDraggingFile, setIsDraggingFile] = useState(false);
 
   const handleFileChange = (e: ChangeEvent<HTMLInputElement>) => {
-    if (e.target.files) onUploadFile?.(e.target.files[0]);
+    if (isNonNullable(e.target.files)) onUploadFile?.(e.target.files[0]);
   };
 
   const handleUploadFileClick = () => {

packages/twenty-front/src/modules/activities/hooks/useOpenCreateActivityDrawerForSelectedRowIds.ts

@@ -49,7 +49,7 @@ export const useOpenCreateActivityDrawerForSelectedRowIds = (
             })
             .filter(isNonNullable);
 
-        if (relatedEntities) {
+        if (isNonNullable(relatedEntities)) {
           activityTargetableObjectArray =
             activityTargetableObjectArray.concat(relatedEntities);
         }

packages/twenty-front/src/modules/activities/hooks/useUpsertActivity.ts

@@ -112,7 +112,10 @@ export const useUpsertActivity = () => {
       }
 
       // Call optimistic effects
-      if (weAreOnObjectShowPage && objectShowPageTargetableObject) {
+      if (
+        weAreOnObjectShowPage &&
+        isNonNullable(objectShowPageTargetableObject)
+      ) {
         injectIntoTimelineActivitiesQueries({
           timelineTargetableObject: objectShowPageTargetableObject,
           activityToInject: activityWithConnection,

packages/twenty-front/src/modules/activities/right-drawer/components/ActivityActionBar.tsx

@@ -1,6 +1,6 @@
 import { useLocation } from 'react-router-dom';
 import styled from '@emotion/styled';
-import { isNonEmptyArray } from '@sniptt/guards';
+import { isNonEmptyArray, isNonEmptyString } from '@sniptt/guards';
 import { useRecoilCallback, useRecoilState, useRecoilValue } from 'recoil';
 
 import { useDeleteActivityFromCache } from '@/activities/hooks/useDeleteActivityFromCache';
@@ -108,91 +108,87 @@ export const ActivityActionBar = () => {
 
         setIsRightDrawerOpen(false);
 
-        if (viewableActivityId) {
+        if (isNonEmptyString(viewableActivityId)) {
           if (
             isActivityInCreateMode &&
             isNonNullable(temporaryActivityForEditor)
           ) {
             deleteActivityFromCache(temporaryActivityForEditor);
             setTemporaryActivityForEditor(null);
-          } else {
-            if (activityIdInDrawer) {
-              const activityTargetIdsToDelete: string[] =
-                activityTargets.map(mapToRecordId) ?? [];
+          } else if (isNonEmptyString(activityIdInDrawer)) {
+            const activityTargetIdsToDelete: string[] =
+              activityTargets.map(mapToRecordId) ?? [];
 
-              if (weAreOnTaskPage) {
+            if (weAreOnTaskPage) {
+              removeFromActivitiesQueries({
+                activityIdToRemove: viewableActivityId,
+                targetableObjects: [],
+                activitiesFilters: currentCompletedTaskQueryVariables?.filter,
+                activitiesOrderByVariables:
+                  currentCompletedTaskQueryVariables?.orderBy,
+              });
+
+              removeFromActivitiesQueries({
+                activityIdToRemove: viewableActivityId,
+                targetableObjects: [],
+                activitiesFilters: currentIncompleteTaskQueryVariables?.filter,
+                activitiesOrderByVariables:
+                  currentIncompleteTaskQueryVariables?.orderBy,
+              });
+            } else if (
+              weAreOnObjectShowPage &&
+              isNonNullable(objectShowPageTargetableObject)
+            ) {
+              removeFromActivitiesQueries({
+                activityIdToRemove: viewableActivityId,
+                targetableObjects: [objectShowPageTargetableObject],
+                activitiesFilters: {},
+                activitiesOrderByVariables:
+                  FIND_MANY_TIMELINE_ACTIVITIES_ORDER_BY,
+              });
+
+              if (isNonNullable(currentCompletedTaskQueryVariables)) {
                 removeFromActivitiesQueries({
                   activityIdToRemove: viewableActivityId,
-                  targetableObjects: [],
+                  targetableObjects: [objectShowPageTargetableObject],
                   activitiesFilters: currentCompletedTaskQueryVariables?.filter,
                   activitiesOrderByVariables:
                     currentCompletedTaskQueryVariables?.orderBy,
                 });
+              }
 
+              if (isNonNullable(currentIncompleteTaskQueryVariables)) {
                 removeFromActivitiesQueries({
                   activityIdToRemove: viewableActivityId,
-                  targetableObjects: [],
+                  targetableObjects: [objectShowPageTargetableObject],
                   activitiesFilters:
                     currentIncompleteTaskQueryVariables?.filter,
                   activitiesOrderByVariables:
                     currentIncompleteTaskQueryVariables?.orderBy,
                 });
-              } else if (
-                weAreOnObjectShowPage &&
-                isNonNullable(objectShowPageTargetableObject)
-              ) {
+              }
+
+              if (isNonNullable(currentNotesQueryVariables)) {
                 removeFromActivitiesQueries({
                   activityIdToRemove: viewableActivityId,
                   targetableObjects: [objectShowPageTargetableObject],
-                  activitiesFilters: {},
+                  activitiesFilters: currentNotesQueryVariables?.filter,
                   activitiesOrderByVariables:
-                    FIND_MANY_TIMELINE_ACTIVITIES_ORDER_BY,
-                });
-
-                if (isNonNullable(currentCompletedTaskQueryVariables)) {
-                  removeFromActivitiesQueries({
-                    activityIdToRemove: viewableActivityId,
-                    targetableObjects: [objectShowPageTargetableObject],
-                    activitiesFilters:
-                      currentCompletedTaskQueryVariables?.filter,
-                    activitiesOrderByVariables:
-                      currentCompletedTaskQueryVariables?.orderBy,
-                  });
-                }
-
-                if (isNonNullable(currentIncompleteTaskQueryVariables)) {
-                  removeFromActivitiesQueries({
-                    activityIdToRemove: viewableActivityId,
-                    targetableObjects: [objectShowPageTargetableObject],
-                    activitiesFilters:
-                      currentIncompleteTaskQueryVariables?.filter,
-                    activitiesOrderByVariables:
-                      currentIncompleteTaskQueryVariables?.orderBy,
-                  });
-                }
-
-                if (isNonNullable(currentNotesQueryVariables)) {
-                  removeFromActivitiesQueries({
-                    activityIdToRemove: viewableActivityId,
-                    targetableObjects: [objectShowPageTargetableObject],
-                    activitiesFilters: currentNotesQueryVariables?.filter,
-                    activitiesOrderByVariables:
-                      currentNotesQueryVariables?.orderBy,
-                  });
-                }
-
-                removeFromActivityTargetsQueries({
-                  activityTargetsToRemove: activity?.activityTargets ?? [],
-                  targetableObjects: [objectShowPageTargetableObject],
+                    currentNotesQueryVariables?.orderBy,
                 });
               }
 
-              if (isNonEmptyArray(activityTargetIdsToDelete)) {
-                await deleteManyActivityTargets(activityTargetIdsToDelete);
-              }
-
-              await deleteOneActivity?.(viewableActivityId);
+              removeFromActivityTargetsQueries({
+                activityTargetsToRemove: activity?.activityTargets ?? [],
+                targetableObjects: [objectShowPageTargetableObject],
+              });
             }
+
+            if (isNonEmptyArray(activityTargetIdsToDelete)) {
+              await deleteManyActivityTargets(activityTargetIdsToDelete);
+            }
+
+            await deleteOneActivity?.(viewableActivityId);
           }
         }
       },
@@ -223,10 +219,13 @@ export const ActivityActionBar = () => {
 
   const addActivity = () => {
     setIsRightDrawerOpen(false);
-    if (record && objectShowPageTargetableObject) {
+    if (
+      isNonNullable(record) &&
+      isNonNullable(objectShowPageTargetableObject)
+    ) {
       openCreateActivity({
-        type: record.type,
-        customAssignee: record.assignee,
+        type: record?.type,
+        customAssignee: record?.assignee,
         targetableObjects: activityTargetableEntityArray,
       });
     }

packages/twenty-front/src/modules/activities/timeline/utils/groupActivitiesByMonth.ts

@@ -1,4 +1,5 @@
 import { Activity } from '@/activities/types/Activity';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export type ActivityForActivityGroup = Pick<Activity, 'id' | 'createdAt'>;
 
@@ -21,7 +22,7 @@ export const groupActivitiesByMonth = (
     const matchingGroup = acitivityGroups.find(
       (x) => x.year === year && x.month === month,
     );
-    if (matchingGroup) {
+    if (isNonNullable(matchingGroup)) {
       matchingGroup.items.push(activity);
     } else {
       acitivityGroups.push({

packages/twenty-front/src/modules/activities/utils/flattenTargetableObjectsAndTheirRelatedTargetableObjects.ts

@@ -1,3 +1,5 @@
+import { isNonNullable } from '~/utils/isNonNullable';
+
 import { ActivityTargetableObject } from '../types/ActivityTargetableEntity';
 
 export const flattenTargetableObjectsAndTheirRelatedTargetableObjects = (
@@ -9,7 +11,7 @@ export const flattenTargetableObjectsAndTheirRelatedTargetableObjects = (
     []) {
     flattenedTargetableObjects.push(targetableObject);
 
-    if (targetableObject.relatedTargetableObjects) {
+    if (isNonNullable(targetableObject.relatedTargetableObjects)) {
       for (const relatedEntity of targetableObject.relatedTargetableObjects ??
         []) {
         flattenedTargetableObjects.push(relatedEntity);

packages/twenty-front/src/modules/activities/utils/getActivitySummary.ts

@@ -1,4 +1,4 @@
-import { isArray } from '@sniptt/guards';
+import { isArray, isNonEmptyString } from '@sniptt/guards';
 
 export const getActivitySummary = (activityBody: string) => {
   const noteBody = activityBody ? JSON.parse(activityBody) : [];
@@ -13,7 +13,7 @@ export const getActivitySummary = (activityBody: string) => {
     return '';
   }
 
-  if (firstNoteBlockContent.text) {
+  if (isNonEmptyString(firstNoteBlockContent.text)) {
     return noteBody[0].content.text;
   }
 

packages/twenty-front/src/modules/apollo/hooks/useApolloFactory.ts

@@ -9,6 +9,7 @@ import { AppPath } from '@/types/AppPath';
 import { REACT_APP_SERVER_BASE_URL } from '~/config';
 import { useIsMatchingLocation } from '~/hooks/useIsMatchingLocation';
 import { useUpdateEffect } from '~/hooks/useUpdateEffect';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { ApolloFactory } from '../services/apollo.factory';
 
@@ -57,7 +58,7 @@ export const useApolloFactory = () => {
   }, [setTokenPair, isDebugMode]);
 
   useUpdateEffect(() => {
-    if (apolloRef.current) {
+    if (isNonNullable(apolloRef.current)) {
       apolloRef.current.updateTokenPair(tokenPair);
     }
   }, [tokenPair]);

packages/twenty-front/src/modules/apollo/optimistic-effect/utils/triggerCreateRecordsOptimisticEffect.ts

@@ -1,4 +1,5 @@
 import { ApolloCache, StoreObject } from '@apollo/client';
+import { isNonEmptyString } from '@sniptt/guards';
 
 import { isCachedObjectRecordConnection } from '@/apollo/optimistic-effect/utils/isCachedObjectRecordConnection';
 import { triggerUpdateRelationsOptimisticEffect } from '@/apollo/optimistic-effect/utils/triggerUpdateRelationsOptimisticEffect';
@@ -76,7 +77,7 @@ export const triggerCreateRecordsOptimisticEffect = ({
 
         const hasAddedRecords = recordsToCreate
           .map((recordToCreate) => {
-            if (recordToCreate.id) {
+            if (isNonEmptyString(recordToCreate.id)) {
               const recordToCreateReference = toReference(recordToCreate);
 
               if (!recordToCreateReference) {

packages/twenty-front/src/modules/apollo/optimistic-effect/utils/triggerUpdateRelationsOptimisticEffect.ts

@@ -136,7 +136,7 @@ export const triggerUpdateRelationsOptimisticEffect = ({
     }
 
     const shouldAttachSourceToAllTargets =
-      updatedSourceRecord && targetRecordsToAttachTo.length;
+      isNonNullable(updatedSourceRecord) && targetRecordsToAttachTo.length > 0;
 
     if (shouldAttachSourceToAllTargets) {
       targetRecordsToAttachTo.forEach((targetRecordToAttachTo) =>

packages/twenty-front/src/modules/apollo/services/apollo.factory.ts

@@ -78,7 +78,7 @@ export class ApolloFactory<TCacheShape> implements ApolloManager<TCacheShape> {
       });
       const errorLink = onError(
         ({ graphQLErrors, networkError, forward, operation }) => {
-          if (graphQLErrors) {
+          if (isNonNullable(graphQLErrors)) {
             onErrorCb?.(graphQLErrors);
 
             for (const graphQLError of graphQLErrors) {
@@ -86,7 +86,9 @@ export class ApolloFactory<TCacheShape> implements ApolloManager<TCacheShape> {
                 return fromPromise(
                   renewToken(uri, this.tokenPair)
                     .then((tokens) => {
-                      onTokenPairChange?.(tokens);
+                      if (isNonNullable(tokens)) {
+                        onTokenPairChange?.(tokens);
+                      }
                     })
                     .catch(() => {
                       onUnauthenticatedError?.();
@@ -99,7 +101,9 @@ export class ApolloFactory<TCacheShape> implements ApolloManager<TCacheShape> {
                   return fromPromise(
                     renewToken(uri, this.tokenPair)
                       .then((tokens) => {
-                        onTokenPairChange?.(tokens);
+                        if (isNonNullable(tokens)) {
+                          onTokenPairChange?.(tokens);
+                        }
                       })
                       .catch(() => {
                         onUnauthenticatedError?.();
@@ -107,7 +111,7 @@ export class ApolloFactory<TCacheShape> implements ApolloManager<TCacheShape> {
                   ).flatMap(() => forward(operation));
                 }
                 default:
-                  if (isDebugMode) {
+                  if (isDebugMode === true) {
                     logDebug(
                       `[GraphQL error]: Message: ${
                         graphQLError.message
@@ -122,8 +126,8 @@ export class ApolloFactory<TCacheShape> implements ApolloManager<TCacheShape> {
             }
           }
 
-          if (networkError) {
-            if (isDebugMode) {
+          if (isNonNullable(networkError)) {
+            if (isDebugMode === true) {
               logDebug(`[Network error]: ${networkError}`);
             }
             onNetworkError?.(networkError);

packages/twenty-front/src/modules/apollo/utils/index.ts

@@ -1,5 +1,6 @@
 import { ApolloLink, gql, Operation } from '@apollo/client';
 
+import { isNonNullable } from '~/utils/isNonNullable';
 import { logDebug } from '~/utils/logDebug';
 import { logError } from '~/utils/logError';
 
@@ -64,7 +65,7 @@ export const loggerLink = (getSchemaName: (operation: Operation) => string) =>
 
         getGroup(!hasError)(...titleArgs);
 
-        if (errors) {
+        if (isNonNullable(errors)) {
           errors.forEach((err: any) => {
             logDebug(
               `%c${err.message}`,
@@ -82,10 +83,10 @@ export const loggerLink = (getSchemaName: (operation: Operation) => string) =>
 
         logDebug('QUERY', query);
 
-        if (result.data) {
+        if (isNonNullable(result.data)) {
           logDebug('RESULT', result.data);
         }
-        if (errors) {
+        if (isNonNullable(errors)) {
           logDebug('ERRORS', errors);
         }
 
@@ -95,7 +96,7 @@ export const loggerLink = (getSchemaName: (operation: Operation) => string) =>
         logDebug(
           `${operationType} ${schemaName}::${queryName} (in ${time} ms)`,
         );
-        if (errors) {
+        if (isNonNullable(errors)) {
           logError(errors);
         }
       }

packages/twenty-front/src/modules/auth/hooks/useAuth.ts

@@ -26,6 +26,7 @@ import {
   useSignUpMutation,
   useVerifyMutation,
 } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { currentUserState } from '../states/currentUserState';
 import { tokenPairState } from '../states/tokenPairState';
@@ -59,7 +60,7 @@ export const useAuth = () => {
         },
       });
 
-      if (challengeResult.errors) {
+      if (isNonNullable(challengeResult.errors)) {
         throw challengeResult.errors;
       }
 
@@ -78,7 +79,7 @@ export const useAuth = () => {
         variables: { loginToken },
       });
 
-      if (verifyResult.errors) {
+      if (isNonNullable(verifyResult.errors)) {
         throw verifyResult.errors;
       }
 
@@ -91,7 +92,7 @@ export const useAuth = () => {
       const user = verifyResult.data?.verify.user;
       let workspaceMember = null;
       setCurrentUser(user);
-      if (user.workspaceMember) {
+      if (isNonNullable(user.workspaceMember)) {
         workspaceMember = {
           ...user.workspaceMember,
           colorScheme: user.workspaceMember?.colorScheme as ColorScheme,
@@ -183,7 +184,7 @@ export const useAuth = () => {
         },
       });
 
-      if (signUpResult.errors) {
+      if (isNonNullable(signUpResult.errors)) {
         throw signUpResult.errors;
       }
 

packages/twenty-front/src/modules/auth/services/AuthService.ts

@@ -13,6 +13,8 @@ import {
   RenewTokenMutation,
   RenewTokenMutationVariables,
 } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 const logger = loggerLink(() => 'Twenty-Refresh');
 
@@ -45,7 +47,7 @@ const renewTokenMutation = async (
     fetchPolicy: 'network-only',
   });
 
-  if (errors || !data) {
+  if (isNonNullable(errors) || isNullable(data)) {
     throw new Error('Something went wrong during token renewal');
   }
 
@@ -67,5 +69,5 @@ export const renewToken = async (
 
   const data = await renewTokenMutation(uri, tokenPair.refreshToken.token);
 
-  return data.renewToken.tokens;
+  return data?.renewToken.tokens;
 };

packages/twenty-front/src/modules/auth/sign-in-up/hooks/useHandleResetPassword.ts

@@ -22,7 +22,7 @@ export const useHandleResetPassword = () => {
             variables: { email },
           });
 
-          if (data?.emailPasswordResetLink?.success) {
+          if (data?.emailPasswordResetLink?.success === true) {
             enqueueSnackBar('Password reset link has been sent to the email', {
               variant: 'success',
             });

packages/twenty-front/src/modules/auth/sign-in-up/hooks/useNavigateAfterSignInUp.ts

@@ -16,7 +16,7 @@ export const useNavigateAfterSignInUp = () => {
       currentWorkspaceMember: WorkspaceMember | null,
     ) => {
       if (
-        billing?.isBillingEnabled &&
+        billing?.isBillingEnabled === true &&
         !['active', 'trialing'].includes(currentWorkspace.subscriptionStatus)
       ) {
         navigate(AppPath.PlanRequired);

packages/twenty-front/src/modules/auth/utils/getOnboardingStatus.ts

@@ -37,7 +37,7 @@ export const getOnboardingStatus = ({
   }
 
   if (
-    isBillingEnabled &&
+    isBillingEnabled === true &&
     currentWorkspace.subscriptionStatus === 'incomplete'
   ) {
     return OnboardingStatus.Incomplete;
@@ -54,15 +54,24 @@ export const getOnboardingStatus = ({
     return OnboardingStatus.OngoingProfileCreation;
   }
 
-  if (isBillingEnabled && currentWorkspace.subscriptionStatus === 'canceled') {
+  if (
+    isBillingEnabled === true &&
+    currentWorkspace.subscriptionStatus === 'canceled'
+  ) {
     return OnboardingStatus.Canceled;
   }
 
-  if (isBillingEnabled && currentWorkspace.subscriptionStatus === 'past_due') {
+  if (
+    isBillingEnabled === true &&
+    currentWorkspace.subscriptionStatus === 'past_due'
+  ) {
     return OnboardingStatus.PastDue;
   }
 
-  if (isBillingEnabled && currentWorkspace.subscriptionStatus === 'unpaid') {
+  if (
+    isBillingEnabled === true &&
+    currentWorkspace.subscriptionStatus === 'unpaid'
+  ) {
     return OnboardingStatus.Unpaid;
   }
 

packages/twenty-front/src/modules/client-config/components/ClientConfigProvider.tsx

@@ -10,6 +10,7 @@ import { sentryConfigState } from '@/client-config/states/sentryConfigState';
 import { supportChatState } from '@/client-config/states/supportChatState';
 import { telemetryState } from '@/client-config/states/telemetryState';
 import { useGetClientConfigQuery } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const ClientConfigProvider: React.FC<React.PropsWithChildren> = ({
   children,
@@ -29,7 +30,7 @@ export const ClientConfigProvider: React.FC<React.PropsWithChildren> = ({
   const { data, loading } = useGetClientConfigQuery();
 
   useEffect(() => {
-    if (data?.clientConfig) {
+    if (isNonNullable(data?.clientConfig)) {
       setAuthProviders({
         google: data?.clientConfig.authProviders.google,
         password: data?.clientConfig.authProviders.password,

packages/twenty-front/src/modules/command-menu/components/CommandMenu.tsx

@@ -1,5 +1,6 @@
 import { useMemo, useRef } from 'react';
 import styled from '@emotion/styled';
+import { isNonEmptyString } from '@sniptt/guards';
 import { useRecoilState, useRecoilValue } from 'recoil';
 import { Key } from 'ts-key-enum';
 
@@ -22,6 +23,7 @@ import { useIsMobile } from '@/ui/utilities/responsive/hooks/useIsMobile';
 import { ScrollWrapper } from '@/ui/utilities/scroll/components/ScrollWrapper';
 import { Avatar } from '@/users/components/Avatar';
 import { getLogoUrlFromDomainName } from '~/utils';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { useCommandMenu } from '../hooks/useCommandMenu';
 import { commandMenuCommandsState } from '../states/commandMenuCommandsState';
@@ -218,7 +220,7 @@ export const CommandMenu = () => {
   };
 
   const checkInLabels = (cmd: Command, search: string) => {
-    if (cmd.label) {
+    if (isNonEmptyString(cmd.label)) {
       return cmd.label.toLowerCase().includes(search.toLowerCase());
     }
     return false;
@@ -276,7 +278,7 @@ export const CommandMenu = () => {
                       ...otherCommands,
                     ].find((cmd) => cmd.id === itemId);
 
-                    if (command) {
+                    if (isNonNullable(command)) {
                       const { to, onCommandClick } = command;
                       onItemClick(onCommandClick, to);
                     }

packages/twenty-front/src/modules/command-menu/components/CommandMenuItem.tsx

@@ -1,3 +1,4 @@
+import { isNonEmptyString } from '@sniptt/guards';
 import { useRecoilValue } from 'recoil';
 
 import { IconArrowUpRight } from '@/ui/display/icon';
@@ -28,7 +29,7 @@ export const CommandMenuItem = ({
 }: CommandMenuItemProps) => {
   const { onItemClick } = useCommandMenu();
 
-  if (to && !Icon) {
+  if (isNonEmptyString(to) && !Icon) {
     Icon = IconArrowUpRight;
   }
 

packages/twenty-front/src/modules/command-menu/hooks/useCommandMenu.ts

@@ -1,11 +1,13 @@
 import { useCallback } from 'react';
 import { useNavigate } from 'react-router-dom';
+import { isNonEmptyString } from '@sniptt/guards';
 import { useRecoilCallback, useSetRecoilState } from 'recoil';
 
 import { commandMenuSearchState } from '@/command-menu/states/commandMenuSearchState';
 import { useSelectableList } from '@/ui/layout/selectable-list/hooks/useSelectableList';
 import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
 import { AppHotkeyScope } from '@/ui/utilities/hotkey/types/AppHotkeyScope';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { COMMAND_MENU_COMMANDS } from '../constants/CommandMenuCommands';
 import { commandMenuCommandsState } from '../states/commandMenuCommandsState';
@@ -75,11 +77,11 @@ export const useCommandMenu = () => {
     (onClick?: () => void, to?: string) => {
       toggleCommandMenu();
 
-      if (onClick) {
+      if (isNonNullable(onClick)) {
         onClick();
         return;
       }
-      if (to) {
+      if (isNonEmptyString(to)) {
         navigate(to);
         return;
       }

packages/twenty-front/src/modules/error-handler/components/SentryInitiEffect.tsx

@@ -1,5 +1,6 @@
 import { useEffect, useState } from 'react';
 import * as Sentry from '@sentry/react';
+import { isNonEmptyString } from '@sniptt/guards';
 import { useRecoilValue } from 'recoil';
 
 import { currentUserState } from '@/auth/states/currentUserState';
@@ -7,6 +8,7 @@ import { currentWorkspaceMemberState } from '@/auth/states/currentWorkspaceMembe
 import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
 import { sentryConfigState } from '@/client-config/states/sentryConfigState';
 import { REACT_APP_SERVER_BASE_URL } from '~/config';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const SentryInitEffect = () => {
   const sentryConfig = useRecoilValue(sentryConfigState);
@@ -18,7 +20,7 @@ export const SentryInitEffect = () => {
   const [isSentryInitialized, setIsSentryInitialized] = useState(false);
 
   useEffect(() => {
-    if (sentryConfig?.dsn && !isSentryInitialized) {
+    if (isNonEmptyString(sentryConfig?.dsn) && !isSentryInitialized) {
       Sentry.init({
         dsn: sentryConfig?.dsn,
         integrations: [
@@ -38,7 +40,7 @@ export const SentryInitEffect = () => {
       setIsSentryInitialized(true);
     }
 
-    if (currentUser) {
+    if (isNonNullable(currentUser)) {
       Sentry.setUser({
         email: currentUser?.email,
         id: currentUser?.id,

packages/twenty-front/src/modules/object-metadata/components/ApolloMetadataClientProvider.tsx

@@ -1,5 +1,6 @@
 import { useMemo } from 'react';
 import { ApolloClient, InMemoryCache } from '@apollo/client';
+import { isNonEmptyString } from '@sniptt/guards';
 import { useRecoilState } from 'recoil';
 
 import { tokenPairState } from '@/auth/states/tokenPairState';
@@ -14,7 +15,7 @@ export const ApolloMetadataClientProvider = ({
 }) => {
   const [tokenPair] = useRecoilState(tokenPairState);
   const apolloMetadataClient = useMemo(() => {
-    if (tokenPair?.accessToken.token) {
+    if (isNonEmptyString(tokenPair?.accessToken.token)) {
       return new ApolloClient({
         uri: `${REACT_APP_SERVER_BASE_URL}/metadata`,
         cache: new InMemoryCache(),

packages/twenty-front/src/modules/object-metadata/components/ObjectMetadataItemsProvider.tsx

@@ -12,7 +12,7 @@ export const ObjectMetadataItemsProvider = ({
   const objectMetadataItems = useRecoilValue(objectMetadataItemsState);
   const currentWorkspaceMember = useRecoilValue(currentWorkspaceMemberState);
   const shouldDisplayChildren = () => {
-    if (objectMetadataItems.length) {
+    if (objectMetadataItems.length > 0) {
       return true;
     }
     return !currentWorkspaceMember;

packages/twenty-front/src/modules/object-metadata/utils/formatFieldMetadataItemsAsFilterDefinitions.ts

@@ -1,5 +1,6 @@
 import { FilterDefinition } from '@/object-record/object-filter-dropdown/types/FilterDefinition';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { ObjectMetadataItem } from '../types/ObjectMetadataItem';
 
@@ -31,7 +32,7 @@ export const formatFieldMetadataItemsAsFilterDefinitions = ({
     }
 
     if (field.type === FieldMetadataType.Relation) {
-      if (field.fromRelationMetadata) {
+      if (isNonNullable(field.fromRelationMetadata)) {
         return acc;
       }
     }

packages/twenty-front/src/modules/object-metadata/utils/getObjectOrderByField.ts

@@ -3,6 +3,7 @@ import { OrderBy } from '@/object-metadata/types/OrderBy';
 import { OrderByField } from '@/object-metadata/types/OrderByField';
 import { getLabelIdentifierFieldMetadataItem } from '@/object-metadata/utils/getLabelIdentifierFieldMetadataItem';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const getObjectOrderByField = (
   objectMetadataItem: ObjectMetadataItem,
@@ -11,7 +12,7 @@ export const getObjectOrderByField = (
   const labelIdentifierFieldMetadata =
     getLabelIdentifierFieldMetadataItem(objectMetadataItem);
 
-  if (labelIdentifierFieldMetadata) {
+  if (isNonNullable(labelIdentifierFieldMetadata)) {
     switch (labelIdentifierFieldMetadata.type) {
       case FieldMetadataType.FullName:
         return {

packages/twenty-front/src/modules/object-record/cache/hooks/useGetRecordFromCache.ts

@@ -3,6 +3,7 @@ import { gql, useApolloClient } from '@apollo/client';
 import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const useGetRecordFromCache = ({
@@ -17,7 +18,7 @@ export const useGetRecordFromCache = ({
     recordId: string,
     cache = apolloClient.cache,
   ) => {
-    if (!objectMetadataItem) {
+    if (isNullable(objectMetadataItem)) {
       return null;
     }
 

packages/twenty-front/src/modules/object-record/cache/hooks/useModifyRecordFromCache.ts

@@ -3,6 +3,7 @@ import { Modifiers } from '@apollo/client/cache';
 
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const useModifyRecordFromCache = ({
@@ -16,7 +17,7 @@ export const useModifyRecordFromCache = ({
     recordId: string,
     fieldModifiers: Modifiers<CachedObjectRecord>,
   ) => {
-    if (!objectMetadataItem) return;
+    if (isNullable(objectMetadataItem)) return;
 
     const cachedRecordId = cache.identify({
       __typename: capitalize(objectMetadataItem.nameSingular),

packages/twenty-front/src/modules/object-record/hooks/useCreateManyRecordsInCache.ts

@@ -5,6 +5,7 @@ import { ObjectMetadataItemIdentifier } from '@/object-metadata/types/ObjectMeta
 import { useAddRecordInCache } from '@/object-record/cache/hooks/useAddRecordInCache';
 import { useGenerateObjectRecordOptimisticResponse } from '@/object-record/cache/hooks/useGenerateObjectRecordOptimisticResponse';
 import { ObjectRecord } from '@/object-record/types/ObjectRecord';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const useCreateManyRecordsInCache = <T extends ObjectRecord>({
   objectNameSingular,
@@ -34,7 +35,7 @@ export const useCreateManyRecordsInCache = <T extends ObjectRecord>({
       const generatedCachedObjectRecord =
         generateObjectRecordOptimisticResponse<T>(record);
 
-      if (generatedCachedObjectRecord) {
+      if (isNonNullable(generatedCachedObjectRecord)) {
         addRecordInCache(generatedCachedObjectRecord);
 
         createdRecordsInCache.push(generatedCachedObjectRecord);

packages/twenty-front/src/modules/object-record/hooks/useFindManyRecords.ts

@@ -14,6 +14,7 @@ import { ObjectRecordEdge } from '@/object-record/types/ObjectRecordEdge';
 import { ObjectRecordQueryVariables } from '@/object-record/types/ObjectRecordQueryVariables';
 import { filterUniqueRecordEdgesByCursor } from '@/object-record/utils/filterUniqueRecordEdgesByCursor';
 import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
+import { isNonNullable } from '~/utils/isNonNullable';
 import { logError } from '~/utils/logError';
 import { capitalize } from '~/utils/string/capitalize';
 
@@ -84,7 +85,7 @@ export const useFindManyRecords = <T extends ObjectRecord = ObjectRecord>({
 
       onCompleted?.(data[objectMetadataItem.namePlural], pageInfo);
 
-      if (data?.[objectMetadataItem.namePlural]) {
+      if (isNonNullable(data?.[objectMetadataItem.namePlural])) {
         setLastCursor(pageInfo.endCursor ?? '');
         setHasNextPage(pageInfo.hasNextPage ?? false);
       }
@@ -131,7 +132,7 @@ export const useFindManyRecords = <T extends ObjectRecord = ObjectRecord>({
 
             const pageInfo =
               fetchMoreResult?.[objectMetadataItem.namePlural]?.pageInfo;
-            if (data?.[objectMetadataItem.namePlural]) {
+            if (isNonNullable(data?.[objectMetadataItem.namePlural])) {
               setLastCursor(pageInfo.endCursor ?? '');
               setHasNextPage(pageInfo.hasNextPage ?? false);
             }

packages/twenty-front/src/modules/object-record/hooks/useGenerateCreateManyRecordMutation.ts

@@ -3,6 +3,7 @@ import { gql } from '@apollo/client';
 import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
 import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const getCreateManyRecordsMutationResponseField = (
@@ -16,7 +17,7 @@ export const useGenerateCreateManyRecordMutation = ({
 }) => {
   const mapFieldMetadataToGraphQLQuery = useMapFieldMetadataToGraphQLQuery();
 
-  if (!objectMetadataItem) {
+  if (isNullable(objectMetadataItem)) {
     return EMPTY_MUTATION;
   }
 

packages/twenty-front/src/modules/object-record/hooks/useGenerateCreateOneRecordMutation.ts

@@ -3,6 +3,7 @@ import { gql } from '@apollo/client';
 import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
 import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const getCreateOneRecordMutationResponseField = (
@@ -16,7 +17,7 @@ export const useGenerateCreateOneRecordMutation = ({
 }) => {
   const mapFieldMetadataToGraphQLQuery = useMapFieldMetadataToGraphQLQuery();
 
-  if (!objectMetadataItem) {
+  if (isNullable(objectMetadataItem)) {
     return EMPTY_MUTATION;
   }
 

packages/twenty-front/src/modules/object-record/hooks/useGenerateDeleteManyRecordMutation.ts

@@ -2,6 +2,7 @@ import { gql } from '@apollo/client';
 
 import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const getDeleteManyRecordsMutationResponseField = (
@@ -13,7 +14,7 @@ export const useGenerateDeleteManyRecordMutation = ({
 }: {
   objectMetadataItem: ObjectMetadataItem;
 }) => {
-  if (!objectMetadataItem) {
+  if (isNullable(objectMetadataItem)) {
     return EMPTY_MUTATION;
   }
 

packages/twenty-front/src/modules/object-record/hooks/useGenerateExecuteQuickActionOnOneRecordMutation.ts

@@ -3,6 +3,7 @@ import { gql } from '@apollo/client';
 import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
 import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const getExecuteQuickActionOnOneRecordMutationGraphQLField = ({
@@ -20,7 +21,7 @@ export const useGenerateExecuteQuickActionOnOneRecordMutation = ({
 }) => {
   const mapFieldMetadataToGraphQLQuery = useMapFieldMetadataToGraphQLQuery();
 
-  if (!objectMetadataItem) {
+  if (isNullable(objectMetadataItem)) {
     return EMPTY_MUTATION;
   }
 

packages/twenty-front/src/modules/object-record/hooks/useGenerateUpdateOneRecordMutation.ts

@@ -3,6 +3,7 @@ import { gql } from '@apollo/client';
 import { useMapFieldMetadataToGraphQLQuery } from '@/object-metadata/hooks/useMapFieldMetadataToGraphQLQuery';
 import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const getUpdateOneRecordMutationResponseField = (
@@ -16,7 +17,7 @@ export const useGenerateUpdateOneRecordMutation = ({
 }) => {
   const mapFieldMetadataToGraphQLQuery = useMapFieldMetadataToGraphQLQuery();
 
-  if (!objectMetadataItem) {
+  if (isNullable(objectMetadataItem)) {
     return EMPTY_MUTATION;
   }
 

packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOperandSelect.tsx

@@ -2,6 +2,7 @@ import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
 import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
 import { ViewFilterOperand } from '@/views/types/ViewFilterOperand';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { getOperandLabel } from '../utils/getOperandLabel';
 import { getOperandsForFilterType } from '../utils/getOperandsForFilterType';
@@ -24,7 +25,10 @@ export const ObjectFilterDropdownOperandSelect = () => {
     setSelectedOperandInDropdown(newOperand);
     setIsObjectFilterDropdownOperandSelectUnfolded(false);
 
-    if (filterDefinitionUsedInDropdown && selectedFilter) {
+    if (
+      isNonNullable(filterDefinitionUsedInDropdown) &&
+      isNonNullable(selectedFilter)
+    ) {
       selectFilter?.({
         fieldMetadataId: selectedFilter.fieldMetadataId,
         displayValue: selectedFilter.displayValue,

packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownOptionSelect.tsx

@@ -5,6 +5,7 @@ import { FieldMetadataItemOption } from '@/object-metadata/types/FieldMetadataIt
 import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/useFilterDropdown';
 import { useOptionsForSelect } from '@/object-record/object-filter-dropdown/hooks/useOptionsForSelect';
 import { DropdownMenuItemsContainer } from '@/ui/layout/dropdown/components/DropdownMenuItemsContainer';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const EMPTY_FILTER_VALUE = '';
 export const MAX_OPTIONS_TO_DISPLAY = 3;
@@ -31,7 +32,7 @@ export const ObjectFilterDropdownOptionSelect = () => {
   >([]);
 
   useEffect(() => {
-    if (selectOptions) {
+    if (isNonNullable(selectOptions)) {
       const options = selectOptions.map((option) => {
         const isSelected =
           objectFilterDropdownSelectedOptionValues?.includes(option.value) ??
@@ -70,7 +71,10 @@ export const ObjectFilterDropdownOptionSelect = () => {
         ? `${selectedOptions.length} options`
         : selectedOptions.map((option) => option.label).join(', ');
 
-    if (filterDefinitionUsedInDropdown && selectedOperandInDropdown) {
+    if (
+      isNonNullable(filterDefinitionUsedInDropdown) &&
+      isNonNullable(selectedOperandInDropdown)
+    ) {
       const newFilterValue =
         selectedOptions.length > 0
           ? JSON.stringify(selectedOptions.map((option) => option.value))

packages/twenty-front/src/modules/object-record/object-filter-dropdown/components/ObjectFilterDropdownRecordSelect.tsx

@@ -2,6 +2,7 @@ import { useFilterDropdown } from '@/object-record/object-filter-dropdown/hooks/
 import { MultipleRecordSelectDropdown } from '@/object-record/select/components/MultipleRecordSelectDropdown';
 import { useRecordsForSelect } from '@/object-record/select/hooks/useRecordsForSelect';
 import { SelectableRecord } from '@/object-record/select/types/SelectableRecord';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const EMPTY_FILTER_VALUE = '[]';
 export const MAX_RECORDS_TO_DISPLAY = 3;
@@ -66,7 +67,10 @@ export const ObjectFilterDropdownRecordSelect = () => {
         ? `${selectedRecordNames.length} companies`
         : selectedRecordNames.join(', ');
 
-    if (filterDefinitionUsedInDropdown && selectedOperandInDropdown) {
+    if (
+      isNonNullable(filterDefinitionUsedInDropdown) &&
+      isNonNullable(selectedOperandInDropdown)
+    ) {
       const newFilterValue =
         newSelectedRecordIds.length > 0
           ? JSON.stringify(newSelectedRecordIds)

packages/twenty-front/src/modules/object-record/object-sort-dropdown/utils/turnSortsIntoOrderBy.ts

@@ -2,6 +2,7 @@ import { OrderBy } from '@/object-metadata/types/OrderBy';
 import { OrderByField } from '@/object-metadata/types/OrderByField';
 import { Field } from '~/generated/graphql';
 import { mapArrayToObject } from '~/utils/array/mapArrayToObject';
+import { isNullable } from '~/utils/isNullable';
 
 import { Sort } from '../types/Sort';
 
@@ -14,7 +15,7 @@ export const turnSortsIntoOrderBy = (
     sorts.map((sort) => {
       const correspondingField = fieldsById[sort.fieldMetadataId];
 
-      if (!correspondingField) {
+      if (isNullable(correspondingField)) {
         throw new Error(
           `Could not find field ${sort.fieldMetadataId} in metadata object`,
         );

packages/twenty-front/src/modules/object-record/record-action-bar/hooks/useRecordActionBar.tsx

@@ -19,6 +19,7 @@ import { actionBarEntriesState } from '@/ui/navigation/action-bar/states/actionB
 import { contextMenuEntriesState } from '@/ui/navigation/context-menu/states/contextMenuEntriesState';
 import { ContextMenuEntry } from '@/ui/navigation/context-menu/types/ContextMenuEntry';
 import { useIsFeatureEnabled } from '@/workspace/hooks/useIsFeatureEnabled';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 type useRecordActionBarProps = {
   objectMetadataItem: ObjectMetadataItem;
@@ -62,7 +63,7 @@ export const useRecordActionBar = ({
 
     if (isFavorite) {
       deleteFavorite(foundFavorite.id);
-    } else if (selectedRecord) {
+    } else if (isNonNullable(selectedRecord)) {
       createFavorite(selectedRecord, objectMetadataItem.nameSingular);
     }
     callback?.();

packages/twenty-front/src/modules/object-record/record-board/states/selectors/recordBoardColumnsFamilySelectorScopeMap.ts

@@ -80,7 +80,7 @@ export const recordBoardColumnsFamilySelectorScopeMap =
               true,
             );
 
-            if (lastColumn) {
+            if (isNonNullable(lastColumn)) {
               set(
                 isLastRecordBoardColumnFamilyStateScopeMap({
                   scopeId,
@@ -100,7 +100,7 @@ export const recordBoardColumnsFamilySelectorScopeMap =
               true,
             );
 
-            if (firstColumn) {
+            if (isNonNullable(firstColumn)) {
               set(
                 isFirstRecordBoardColumnFamilyStateScopeMap({
                   scopeId,

packages/twenty-front/src/modules/object-record/record-field/hooks/useGetButtonIcon.ts

@@ -3,6 +3,7 @@ import { useContext } from 'react';
 import { isFieldRelation } from '@/object-record/record-field/types/guards/isFieldRelation';
 import { IconPencil } from '@/ui/display/icon';
 import { IconComponent } from '@/ui/display/icon/types/IconComponent';
+import { isNullable } from '~/utils/isNullable';
 
 import { FieldContext } from '../contexts/FieldContext';
 import { isFieldEmail } from '../types/guards/isFieldEmail';
@@ -12,7 +13,7 @@ import { isFieldPhone } from '../types/guards/isFieldPhone';
 export const useGetButtonIcon = (): IconComponent | undefined => {
   const { fieldDefinition } = useContext(FieldContext);
 
-  if (!fieldDefinition) return undefined;
+  if (isNullable(fieldDefinition)) return undefined;
 
   if (
     isFieldLink(fieldDefinition) ||

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/SelectFieldInput.tsx

@@ -9,6 +9,7 @@ import { DropdownMenuSearchInput } from '@/ui/layout/dropdown/components/Dropdow
 import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownMenuSeparator';
 import { MenuItemSelectTag } from '@/ui/navigation/menu-item/components/MenuItemSelectTag';
 import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 const StyledRelationPickerContainer = styled.div`
   left: -1px;
@@ -52,7 +53,7 @@ export const SelectFieldInput = ({
         event.target instanceof HTMLInputElement &&
         event.target.tagName === 'INPUT'
       );
-      if (weAreNotInAnHTMLInput && onCancel) {
+      if (weAreNotInAnHTMLInput && isNonNullable(onCancel)) {
         onCancel();
       }
     },

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/EmailFieldInput.stories.tsx

@@ -74,7 +74,7 @@ const tabJestFn = fn();
 const shiftTabJestFn = fn();
 
 const clearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     enterJestFn.mockClear();
     escapeJestfn.mockClear();
     clickOutsideJestFn.mockClear();

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/NumberFieldInput.stories.tsx

@@ -74,7 +74,7 @@ const tabJestFn = fn();
 const shiftTabJestFn = fn();
 
 const clearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     enterJestFn.mockClear();
     escapeJestfn.mockClear();
     clickOutsideJestFn.mockClear();

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/PhoneFieldInput.stories.tsx

@@ -75,7 +75,7 @@ const tabJestFn = fn();
 const shiftTabJestFn = fn();
 
 const clearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     enterJestFn.mockClear();
     escapeJestfn.mockClear();
     clickOutsideJestFn.mockClear();

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/RatingFieldInput.stories.tsx

@@ -4,6 +4,7 @@ import { expect, fn, userEvent, waitFor, within } from '@storybook/test';
 
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { FieldRatingValue } from '../../../../types/FieldMetadata';
 import { FieldContextProvider } from '../../../__stories__/FieldContextProvider';
@@ -62,7 +63,7 @@ const RatingFieldInputWithContext = ({
 const submitJestFn = fn();
 
 const clearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     submitJestFn.mockClear();
   }
   return <Story />;
@@ -100,7 +101,7 @@ export const Submit: Story = {
     const firstStar = input.firstElementChild;
 
     await waitFor(() => {
-      if (firstStar) {
+      if (isNonNullable(firstStar)) {
         userEvent.click(firstStar);
         expect(submitJestFn).toHaveBeenCalledTimes(1);
       }

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/RelationFieldInput.stories.tsx

@@ -88,7 +88,7 @@ const submitJestFn = fn();
 const cancelJestFn = fn();
 
 const clearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     submitJestFn.mockClear();
     cancelJestFn.mockClear();
   }

packages/twenty-front/src/modules/object-record/record-field/meta-types/input/components/__stories__/TextFieldInput.stories.tsx

@@ -74,7 +74,7 @@ const tabJestFn = fn();
 const shiftTabJestFn = fn();
 
 const clearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     enterJestFn.mockClear();
     escapeJestfn.mockClear();
     clickOutsideJestFn.mockClear();

packages/twenty-front/src/modules/object-record/record-filter/utils/turnObjectDropdownFilterIntoQueryFilter.ts

@@ -136,7 +136,7 @@ export const turnObjectDropdownFilterIntoQueryFilter = (
               });
               break;
             case ViewFilterOperand.IsNot:
-              if (parsedRecordIds.length) {
+              if (parsedRecordIds.length > 0) {
                 objectRecordFilters.push({
                   not: {
                     [correspondingField.name + 'Id']: {

packages/twenty-front/src/modules/object-record/record-index/components/RecordIndexViewBarEffect.tsx

@@ -4,6 +4,7 @@ import { useColumnDefinitionsFromFieldMetadata } from '@/object-metadata/hooks/u
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { useObjectNameSingularFromPlural } from '@/object-metadata/hooks/useObjectNameSingularFromPlural';
 import { useViewBar } from '@/views/hooks/useViewBar';
+import { isNullable } from '~/utils/isNullable';
 
 type RecordIndexViewBarEffectProps = {
   objectNamePlural: string;
@@ -33,7 +34,7 @@ export const RecordIndexViewBarEffect = ({
   } = useViewBar({ viewBarId });
 
   useEffect(() => {
-    if (!objectMetadataItem) {
+    if (isNullable(objectMetadataItem)) {
       return;
     }
     setViewObjectMetadataId?.(objectMetadataItem.id);

packages/twenty-front/src/modules/object-record/record-index/options/hooks/useExportTableData.ts

@@ -6,6 +6,7 @@ import { useFindManyRecords } from '@/object-record/hooks/useFindManyRecords';
 import { FieldMetadata } from '@/object-record/record-field/types/FieldMetadata';
 import { useRecordTableStates } from '@/object-record/record-table/hooks/internal/useRecordTableStates';
 import { ColumnDefinition } from '@/object-record/record-table/types/ColumnDefinition';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { useFindManyParams } from '../../hooks/useLoadRecordIndexTable';
 
@@ -52,7 +53,7 @@ export const generateCsv: GenerateExport = ({
       return hasSubFields;
     });
 
-    if (fieldsWithSubFields) {
+    if (isNonNullable(fieldsWithSubFields)) {
       const nestedFieldsWithoutTypename = Object.keys(
         (fieldsWithSubFields as any)[column.field],
       )

packages/twenty-front/src/modules/object-record/record-inline-cell/components/RecordInlineCellDisplayMode.tsx

@@ -20,7 +20,7 @@ const StyledRecordInlineCellNormalModeOuterContainer = styled.div<
   padding: ${({ theme }) => theme.spacing(1)};
 
   ${(props) => {
-    if (props.isHovered) {
+    if (props.isHovered === true) {
       return css`
         background-color: ${!props.disableHoverEffect
           ? props.theme.background.transparent.light

packages/twenty-front/src/modules/object-record/record-inline-cell/hooks/useInlineCell.ts

@@ -5,6 +5,7 @@ import { FieldContext } from '@/object-record/record-field/contexts/FieldContext
 import { useRecordFieldInput } from '@/object-record/record-field/hooks/useRecordFieldInput';
 import { usePreviousHotkeyScope } from '@/ui/utilities/hotkey/hooks/usePreviousHotkeyScope';
 import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { isInlineCellInEditModeScopedState } from '../states/isInlineCellInEditModeScopedState';
 import { InlineCellHotkeyScope } from '../types/InlineCellHotkeyScope';
@@ -39,7 +40,7 @@ export const useInlineCell = () => {
     setIsInlineCellInEditMode(true);
     initFieldInputDraftValue();
 
-    if (customEditHotkeyScopeForField) {
+    if (isNonNullable(customEditHotkeyScopeForField)) {
       setHotkeyScopeAndMemorizePreviousScope(
         customEditHotkeyScopeForField.scope,
         customEditHotkeyScopeForField.customScopes,

packages/twenty-front/src/modules/object-record/record-show/components/RecordShowContainer.tsx

@@ -31,6 +31,7 @@ import {
   useUploadImageMutation,
 } from '~/generated/graphql';
 import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 type RecordShowContainerProps = {
   objectNameSingular: string;
@@ -92,7 +93,7 @@ export const RecordShowContainer = ({
     if (!avatarUrl) {
       return;
     }
-    if (!updateOneRecord) {
+    if (isNullable(updateOneRecord)) {
       return;
     }
     if (!recordFromStore) {

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableCellContainer.tsx

@@ -15,6 +15,7 @@ import { TableHotkeyScope } from '@/object-record/record-table/types/TableHotkey
 import { RelationPickerHotkeyScope } from '@/object-record/relation-picker/types/RelationPickerHotkeyScope';
 import { contextMenuIsOpenState } from '@/ui/navigation/context-menu/states/contextMenuIsOpenState';
 import { contextMenuPositionState } from '@/ui/navigation/context-menu/states/contextMenuPositionState';
+import { isNullable } from '~/utils/isNullable';
 
 const StyledContainer = styled.td<{ isSelected: boolean }>`
   background: ${({ isSelected, theme }) =>
@@ -45,7 +46,7 @@ export const RecordTableCellContainer = () => {
 
   const updateRecord = useContext(RecordUpdateContext);
 
-  if (!columnDefinition) {
+  if (isNullable(columnDefinition)) {
     return null;
   }
 

packages/twenty-front/src/modules/object-record/record-table/components/RecordTableHeaderCell.tsx

@@ -37,7 +37,7 @@ const StyledColumnHeaderCell = styled.th<{
     `;
   }};
   ${({ isResizing, theme }) => {
-    if (isResizing) {
+    if (isResizing === true) {
       return `&:after {
         background-color: ${theme.color.blue};
         bottom: 0;

packages/twenty-front/src/modules/object-record/record-table/record-table-cell/hooks/useOpenRecordTableCell.ts

@@ -11,6 +11,7 @@ import { useLeaveTableFocus } from '@/object-record/record-table/hooks/internal/
 import { useDragSelect } from '@/ui/utilities/drag-select/hooks/useDragSelect';
 import { useSetHotkeyScope } from '@/ui/utilities/hotkey/hooks/useSetHotkeyScope';
 import { HotkeyScope } from '@/ui/utilities/hotkey/types/HotkeyScope';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { CellHotkeyScopeContext } from '../../contexts/CellHotkeyScopeContext';
 import { TableHotkeyScope } from '../../types/TableHotkeyScope';
@@ -56,7 +57,7 @@ export const useOpenRecordTableCell = () => {
 
       initFieldInputDraftValue(options?.initialValue);
 
-      if (customCellHotkeyScope) {
+      if (isNonNullable(customCellHotkeyScope)) {
         setHotkeyScope(
           customCellHotkeyScope.scope,
           customCellHotkeyScope.customScopes,

packages/twenty-front/src/modules/object-record/relation-picker/components/MultipleObjectRecordSelect.tsx

@@ -19,6 +19,7 @@ import { DropdownMenuSeparator } from '@/ui/layout/dropdown/components/DropdownM
 import { SelectableItem } from '@/ui/layout/selectable-list/components/SelectableItem';
 import { SelectableList } from '@/ui/layout/selectable-list/components/SelectableList';
 import { MenuItem } from '@/ui/navigation/menu-item/components/MenuItem';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const StyledSelectableItem = styled(SelectableItem)`
   height: 100%;
@@ -152,7 +153,7 @@ export const MultipleObjectRecordSelect = ({
                     (entity) => entity.record.id === recordId,
                   );
 
-                  if (correspondingRecordForSelect) {
+                  if (isNonNullable(correspondingRecordForSelect)) {
                     handleSelectChange(
                       correspondingRecordForSelect,
                       !recordIsSelected,

packages/twenty-front/src/modules/object-record/relation-picker/components/SingleEntitySelect.tsx

@@ -6,6 +6,7 @@ import {
 } from '@/object-record/relation-picker/components/SingleEntitySelectMenuItemsWithSearch';
 import { DropdownMenu } from '@/ui/layout/dropdown/components/DropdownMenu';
 import { useListenClickOutside } from '@/ui/utilities/pointer-event/hooks/useListenClickOutside';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export type SingleEntitySelectProps = {
   disableBackgroundBlur?: boolean;
@@ -37,7 +38,7 @@ export const SingleEntitySelect = ({
         event.target instanceof HTMLInputElement &&
         event.target.tagName === 'INPUT'
       );
-      if (weAreNotInAnHTMLInput && onCancel) {
+      if (weAreNotInAnHTMLInput && isNonNullable(onCancel)) {
         onCancel();
       }
     },

packages/twenty-front/src/modules/object-record/relation-picker/components/SingleEntitySelectMenuItems.tsx

@@ -76,7 +76,7 @@ export const SingleEntitySelectMenuItems = ({
         selectableItemIdArray={selectableItemIds}
         hotkeyScope={RelationPickerHotkeyScope.RelationPicker}
         onEnter={(itemId) => {
-          if (showCreateButton) {
+          if (showCreateButton === true) {
             onCreate?.();
           } else {
             const entity = entitiesInDropdown.findIndex(

packages/twenty-front/src/modules/object-record/relation-picker/hooks/useSearchFilterPerMetadataItem.ts

@@ -1,3 +1,5 @@
+import { isNonEmptyString } from '@sniptt/guards';
+
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
 import { getLabelIdentifierFieldMetadataItem } from '@/object-metadata/utils/getLabelIdentifierFieldMetadataItem';
 import { ObjectRecordQueryFilter } from '@/object-record/record-filter/types/ObjectRecordQueryFilter';
@@ -23,10 +25,10 @@ export const useSearchFilterPerMetadataItem = ({
 
           let searchFilter: ObjectRecordQueryFilter = {};
 
-          if (labelIdentifierFieldMetadataItem) {
+          if (isNonNullable(labelIdentifierFieldMetadataItem)) {
             switch (labelIdentifierFieldMetadataItem.type) {
               case FieldMetadataType.FullName: {
-                if (searchFilterValue) {
+                if (isNonEmptyString(searchFilterValue)) {
                   const fullNameFilter = makeOrFilterVariables([
                     {
                       [labelIdentifierFieldMetadataItem.name]: {
@@ -44,14 +46,14 @@ export const useSearchFilterPerMetadataItem = ({
                     },
                   ]);
 
-                  if (fullNameFilter) {
+                  if (isNonNullable(fullNameFilter)) {
                     searchFilter = fullNameFilter;
                   }
                 }
                 break;
               }
               default: {
-                if (searchFilterValue) {
+                if (isNonEmptyString(searchFilterValue)) {
                   searchFilter = {
                     [labelIdentifierFieldMetadataItem.name]: {
                       ilike: `%${searchFilterValue}%`,

packages/twenty-front/src/modules/object-record/select/hooks/useRecordsForSelect.ts

@@ -56,7 +56,7 @@ export const useRecordsForSelect = ({
       fieldNames.map((fieldName) => {
         const [parentFieldName, subFieldName] = fieldName.split('.');
 
-        if (subFieldName) {
+        if (isNonEmptyString(subFieldName)) {
           // Composite field
           return {
             [parentFieldName]: {

packages/twenty-front/src/modules/object-record/spreadsheet-import/useSpreadsheetRecordImport.ts

@@ -1,3 +1,5 @@
+import { isNonEmptyString } from '@sniptt/guards';
+
 import { useObjectMetadataItem } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { useCreateManyRecords } from '@/object-record/hooks/useCreateManyRecords';
 import { getSpreadSheetValidation } from '@/object-record/spreadsheet-import/util/getSpreadSheetValidation';
@@ -7,6 +9,7 @@ import { useIcons } from '@/ui/display/icon/hooks/useIcons';
 import { IconComponent } from '@/ui/display/icon/types/IconComponent';
 import { useSnackBar } from '@/ui/feedback/snack-bar-manager/hooks/useSnackBar';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 const firstName = 'Firstname';
 const lastName = 'Lastname';
@@ -128,14 +131,19 @@ export const useSpreadsheetRecordImport = (objectNameSingular: string) => {
                 }
                 break;
               case FieldMetadataType.Relation:
-                if (value) {
+                if (
+                  isNonNullable(value) &&
+                  (isNonEmptyString(value) || value !== false)
+                ) {
                   fieldMapping[field.name + 'Id'] = value;
                 }
                 break;
               case FieldMetadataType.FullName:
                 if (
-                  record[`${firstName} (${field.name})`] ||
-                  record[`${lastName} (${field.name})`]
+                  isNonNullable(
+                    record[`${firstName} (${field.name})`] ||
+                      record[`${lastName} (${field.name})`],
+                  )
                 ) {
                   fieldMapping[field.name] = {
                     firstName: record[`${firstName} (${field.name})`] || '',

packages/twenty-front/src/modules/object-record/utils/generateDeleteOneRecordMutation.ts

@@ -2,6 +2,7 @@ import { gql } from '@apollo/client';
 
 import { EMPTY_MUTATION } from '@/object-metadata/hooks/useObjectMetadataItem';
 import { ObjectMetadataItem } from '@/object-metadata/types/ObjectMetadataItem';
+import { isNullable } from '~/utils/isNullable';
 import { capitalize } from '~/utils/string/capitalize';
 
 export const getDeleteOneRecordMutationResponseField = (
@@ -13,7 +14,7 @@ export const generateDeleteOneRecordMutation = ({
 }: {
   objectMetadataItem: ObjectMetadataItem;
 }) => {
-  if (!objectMetadataItem) {
+  if (isNullable(objectMetadataItem)) {
     return EMPTY_MUTATION;
   }
 

packages/twenty-front/src/modules/search/hooks/useFilteredSearchEntityQuery.ts

@@ -59,7 +59,7 @@ export const useFilteredSearchEntityQuery = ({
       fieldNames.map((fieldName) => {
         const [parentFieldName, subFieldName] = fieldName.split('.');
 
-        if (subFieldName) {
+        if (isNonEmptyString(subFieldName)) {
           // Composite field
           return {
             [parentFieldName]: {

packages/twenty-front/src/modules/settings/accounts/components/SettingsAccountsListCard.tsx

@@ -55,7 +55,7 @@ export const SettingsAccountsListCard = <
   const theme = useTheme();
   const navigate = useNavigate();
 
-  if (isLoading) return <SettingsAccountsListSkeletonCard />;
+  if (isLoading === true) return <SettingsAccountsListSkeletonCard />;
 
   if (!accounts.length) return <SettingsAccountsListEmptyStateCard />;
 

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistInput.stories.tsx

@@ -7,7 +7,7 @@ import { ComponentDecorator } from '~/testing/decorators/ComponentDecorator';
 const updateBlockedEmailListJestFn = fn();
 
 const ClearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     updateBlockedEmailListJestFn.mockClear();
   }
   return <Story />;

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistTable.stories.tsx

@@ -9,7 +9,7 @@ import { formatToHumanReadableDate } from '~/utils';
 const handleBlockedEmailRemoveJestFn = fn();
 
 const ClearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     handleBlockedEmailRemoveJestFn.mockClear();
   }
   return <Story />;

packages/twenty-front/src/modules/settings/accounts/components/__stories__/SettingsAccountsEmailsBlocklistTableRow.stories.tsx

@@ -9,7 +9,7 @@ import { formatToHumanReadableDate } from '~/utils';
 const onRemoveJestFn = fn();
 
 const ClearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     onRemoveJestFn.mockClear();
   }
   return <Story />;

packages/twenty-front/src/modules/settings/data-model/objects/__stories__/SettingsObjectInactiveMenuDropDown.stories.tsx

@@ -9,7 +9,7 @@ const handleActivateMockFunction = fn();
 const handleEraseMockFunction = fn();
 
 const ClearMocksDecorator: Decorator = (Story, context) => {
-  if (context.parameters.clearMocks) {
+  if (context.parameters.clearMocks === true) {
     handleActivateMockFunction.mockClear();
     handleEraseMockFunction.mockClear();
   }

packages/twenty-front/src/modules/settings/data-model/utils/getFieldDefaultPreviewValue.ts

@@ -5,6 +5,7 @@ import { isLabelIdentifierField } from '@/object-metadata/utils/isLabelIdentifie
 import { SettingsObjectFieldSelectFormValues } from '@/settings/data-model/components/SettingsObjectFieldSelectForm';
 import { SETTINGS_FIELD_METADATA_TYPES } from '@/settings/data-model/constants/SettingsFieldMetadataTypes';
 import { FieldMetadataType } from '~/generated-metadata/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 export const getFieldDefaultPreviewValue = ({
   fieldMetadataItem,
@@ -21,14 +22,17 @@ export const getFieldDefaultPreviewValue = ({
   selectOptions?: SettingsObjectFieldSelectFormValues;
 }) => {
   // Select field
-  if (fieldMetadataItem.type === FieldMetadataType.Select && selectOptions) {
+  if (
+    fieldMetadataItem.type === FieldMetadataType.Select &&
+    isNonNullable(selectOptions)
+  ) {
     return selectOptions.find(({ isDefault }) => isDefault) || selectOptions[0];
   }
 
   // Relation field
   if (
     fieldMetadataItem.type === FieldMetadataType.Relation &&
-    relationObjectMetadataItem
+    isNonNullable(relationObjectMetadataItem)
   ) {
     const relationLabelIdentifierFieldMetadataItem =
       getLabelIdentifierFieldMetadataItem(relationObjectMetadataItem);

packages/twenty-front/src/modules/settings/developers/utils/format-expiration.ts

@@ -1,3 +1,5 @@
+import { isNonEmptyString } from '@sniptt/guards';
+
 import { ApiFieldItem } from '@/settings/developers/types/api-key/ApiFieldItem';
 import { ApiKey } from '@/settings/developers/types/api-key/ApiKey';
 import { beautifyDateDiff } from '~/utils/date-utils';
@@ -7,7 +9,7 @@ export const formatExpiration = (
   withExpiresMention: boolean = false,
   short: boolean = true,
 ) => {
-  if (expiresAt) {
+  if (isNonEmptyString(expiresAt)) {
     const dateDiff = beautifyDateDiff(expiresAt, undefined, short);
     if (dateDiff.includes('-')) {
       return 'Expired';

packages/twenty-front/src/modules/settings/profile/components/ChangePassword.tsx

@@ -27,7 +27,7 @@ export const ChangePassword = () => {
           email: currentUser.email,
         },
       });
-      if (data?.emailPasswordResetLink?.success) {
+      if (data?.emailPasswordResetLink?.success === true) {
         enqueueSnackBar('Password reset link has been sent to the email', {
           variant: 'success',
         });

packages/twenty-front/src/modules/settings/profile/components/NameFields.tsx

@@ -47,12 +47,9 @@ export const NameFields = ({
 
   // TODO: Enhance this with react-web-hook-form (https://www.react-hook-form.com)
   const debouncedUpdate = debounce(async () => {
-    if (onFirstNameUpdate) {
-      onFirstNameUpdate(firstName);
-    }
-    if (onLastNameUpdate) {
-      onLastNameUpdate(lastName);
-    }
+    onFirstNameUpdate?.(firstName);
+    onLastNameUpdate?.(lastName);
+
     try {
       if (!currentWorkspaceMember?.id) {
         throw new Error('User is not logged in');

packages/twenty-front/src/modules/settings/profile/components/ProfilePictureUploader.tsx

@@ -7,6 +7,8 @@ import { useUpdateOneRecord } from '@/object-record/hooks/useUpdateOneRecord';
 import { ImageInput } from '@/ui/input/components/ImageInput';
 import { getImageAbsoluteURIOrBase64 } from '@/users/utils/getProfilePictureAbsoluteURI';
 import { useUploadProfilePictureMutation } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 export const ProfilePictureUploader = () => {
   const [uploadPicture, { loading: isUploading }] =
@@ -25,7 +27,7 @@ export const ProfilePictureUploader = () => {
   });
 
   const handleUpload = async (file: File) => {
-    if (!file) {
+    if (isNullable(file)) {
       return;
     }
 
@@ -72,7 +74,7 @@ export const ProfilePictureUploader = () => {
   };
 
   const handleAbort = async () => {
-    if (uploadController) {
+    if (isNonNullable(uploadController)) {
       uploadController.abort();
       setUploadController(null);
     }

packages/twenty-front/src/modules/settings/workspace/components/NameField.tsx

@@ -6,6 +6,8 @@ import { useRecoilValue } from 'recoil';
 import { currentWorkspaceState } from '@/auth/states/currentWorkspaceState';
 import { TextInput } from '@/ui/input/components/TextInput';
 import { useUpdateWorkspaceMutation } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 import { logError } from '~/utils/logError';
 
 const StyledComboInputContainer = styled.div`
@@ -37,7 +39,7 @@ export const NameField = ({
   // eslint-disable-next-line react-hooks/exhaustive-deps
   const debouncedUpdate = useCallback(
     debounce(async (name: string) => {
-      if (onNameUpdate) {
+      if (isNonNullable(onNameUpdate)) {
         onNameUpdate(displayName);
       }
       if (!autoSave || !name) {
@@ -52,7 +54,7 @@ export const NameField = ({
           },
         });
 
-        if (errors || !data?.updateWorkspace) {
+        if (isNonNullable(errors) || isNullable(data?.updateWorkspace)) {
           throw errors;
         }
       } catch (error) {

packages/twenty-front/src/modules/settings/workspace/components/WorkspaceLogoUploader.tsx

@@ -7,6 +7,7 @@ import {
   useUpdateWorkspaceMutation,
   useUploadWorkspaceLogoMutation,
 } from '~/generated/graphql';
+import { isNullable } from '~/utils/isNullable';
 
 export const WorkspaceLogoUploader = () => {
   const [uploadLogo] = useUploadWorkspaceLogoMutation();
@@ -16,7 +17,7 @@ export const WorkspaceLogoUploader = () => {
   );
 
   const onUpload = async (file: File) => {
-    if (!file) {
+    if (isNullable(file)) {
       return;
     }
     if (!currentWorkspace?.id) {

packages/twenty-front/src/modules/spreadsheet-import/components/Providers.tsx

@@ -1,6 +1,7 @@
 import { createContext } from 'react';
 
 import { SpreadsheetOptions } from '@/spreadsheet-import/types';
+import { isNullable } from '~/utils/isNullable';
 
 export const RsiContext = createContext({} as any);
 
@@ -13,7 +14,7 @@ export const Providers = <T extends string>({
   children,
   values,
 }: ProvidersProps<T>) => {
-  if (!values.fields) {
+  if (isNullable(values.fields)) {
     throw new Error('Fields must be provided to spreadsheet-import');
   }
 

packages/twenty-front/src/modules/spreadsheet-import/steps/components/UploadFlow.tsx

@@ -95,7 +95,7 @@ export const UploadFlow = ({ nextStep }: UploadFlowProps) => {
             const isSingleSheet = workbook.SheetNames.length === 1;
             if (isSingleSheet) {
               if (
-                maxRecords &&
+                maxRecords > 0 &&
                 exceedsMaxRecords(
                   workbook.Sheets[workbook.SheetNames[0]],
                   maxRecords,
@@ -147,7 +147,7 @@ export const UploadFlow = ({ nextStep }: UploadFlowProps) => {
           sheetNames={state.workbook.SheetNames}
           onContinue={async (sheetName) => {
             if (
-              maxRecords &&
+              maxRecords > 0 &&
               exceedsMaxRecords(state.workbook.Sheets[sheetName], maxRecords)
             ) {
               errorToast(

packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/ValidationStep.tsx

@@ -14,6 +14,7 @@ import { useDialogManager } from '@/ui/feedback/dialog-manager/hooks/useDialogMa
 import { Button } from '@/ui/input/button/components/Button';
 import { Toggle } from '@/ui/input/components/Toggle';
 import { Modal } from '@/ui/layout/modal/components/Modal';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { generateColumns } from './components/columns';
 import { Meta } from './types';
@@ -94,7 +95,7 @@ export const ValidationStep = <T extends string>({
   );
 
   const deleteSelectedRows = () => {
-    if (selectedRows.size) {
+    if (selectedRows.size > 0) {
       const newData = data.filter((value) => !selectedRows.has(value.__index));
       updateData(newData);
       setSelectedRows(new Set());
@@ -129,7 +130,7 @@ export const ValidationStep = <T extends string>({
   const tableData = useMemo(() => {
     if (filterByErrors) {
       return data.filter((value) => {
-        if (value?.__errors) {
+        if (isNonNullable(value?.__errors)) {
           return Object.values(value.__errors)?.filter(
             (err) => err.level === 'error',
           ).length;
@@ -146,7 +147,7 @@ export const ValidationStep = <T extends string>({
     const calculatedData = data.reduce(
       (acc, value) => {
         const { __index, __errors, ...values } = value;
-        if (__errors) {
+        if (isNonNullable(__errors)) {
           for (const key in __errors) {
             if (__errors[key].level === 'error') {
               acc.invalidData.push(values as unknown as Data<T>);
@@ -165,7 +166,7 @@ export const ValidationStep = <T extends string>({
   };
   const onContinue = () => {
     const invalidData = data.find((value) => {
-      if (value?.__errors) {
+      if (isNonNullable(value?.__errors)) {
         return !!Object.values(value.__errors)?.filter(
           (err) => err.level === 'error',
         ).length;

packages/twenty-front/src/modules/spreadsheet-import/steps/components/ValidationStep/components/columns.tsx

@@ -9,6 +9,7 @@ import { AppTooltip } from '@/ui/display/tooltip/AppTooltip';
 import { Checkbox, CheckboxVariant } from '@/ui/input/components/Checkbox';
 import { TextInput } from '@/ui/input/components/TextInput';
 import { Toggle } from '@/ui/input/components/Toggle';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { Meta } from '../types';
 
@@ -207,7 +208,7 @@ export const generateColumns = <T extends string>(
             );
         }
 
-        if (row.__errors?.[columnKey]) {
+        if (isNonNullable(row.__errors?.[columnKey])) {
           return (
             <>
               {component}

packages/twenty-front/src/modules/spreadsheet-import/utils/dataMutations.ts

@@ -1,3 +1,4 @@
+import { isNonEmptyString } from '@sniptt/guards';
 import { v4 } from 'uuid';
 
 import {
@@ -11,6 +12,8 @@ import {
   RowHook,
   TableHook,
 } from '@/spreadsheet-import/types';
+import { isNonNullable } from '~/utils/isNonNullable';
+import { isNullable } from '~/utils/isNullable';
 
 export const addErrorsAndRunHooks = <T extends string>(
   data: (Data<T> & Partial<Meta>)[],
@@ -27,11 +30,11 @@ export const addErrorsAndRunHooks = <T extends string>(
     };
   };
 
-  if (tableHook) {
+  if (isNonNullable(tableHook)) {
     data = tableHook(data, addHookError);
   }
 
-  if (rowHook) {
+  if (isNonNullable(rowHook)) {
     data = data.map((value, index) =>
       rowHook(value, (...props) => addHookError(index, ...props), data),
     );
@@ -47,7 +50,10 @@ export const addErrorsAndRunHooks = <T extends string>(
           const duplicates = new Set(); // Set of items used multiple times
 
           values.forEach((value) => {
-            if (validation.allowEmpty && !value) {
+            if (
+              validation.allowEmpty === true &&
+              (isNullable(value) || value === '' || !value)
+            ) {
               // If allowEmpty is set, we will not validate falsy fields such as undefined or empty string.
               return;
             }
@@ -95,7 +101,7 @@ export const addErrorsAndRunHooks = <T extends string>(
           data.forEach((entry, index) => {
             const value = entry[field.key]?.toString();
 
-            if (value && !value.match(regex)) {
+            if (isNonEmptyString(value) && !value.match(regex)) {
               errors[index] = {
                 ...errors[index],
                 [field.key]: {
@@ -113,7 +119,7 @@ export const addErrorsAndRunHooks = <T extends string>(
           data.forEach((entry, index) => {
             const value = entry[field.key]?.toString();
 
-            if (value && !validation.isValid(value)) {
+            if (isNonEmptyString(value) && !validation.isValid(value)) {
               errors[index] = {
                 ...errors[index],
                 [field.key]: {
@@ -136,10 +142,10 @@ export const addErrorsAndRunHooks = <T extends string>(
     }
     const newValue = value as Data<T> & Meta;
 
-    if (errors[index]) {
+    if (isNonNullable(errors[index])) {
       return { ...newValue, __errors: errors[index] };
     }
-    if (!errors[index] && value?.__errors) {
+    if (isNullable(errors[index]) && isNonNullable(value?.__errors)) {
       return { ...newValue, __errors: null };
     }
     return newValue;

packages/twenty-front/src/modules/spreadsheet-import/utils/getMatchedColumns.ts

@@ -6,6 +6,7 @@ import {
   MatchColumnsStepProps,
 } from '@/spreadsheet-import/steps/components/MatchColumnsStep/MatchColumnsStep';
 import { Field, Fields } from '@/spreadsheet-import/types';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 import { findMatch } from './findMatch';
 import { setColumn } from './setColumn';
@@ -18,7 +19,7 @@ export const getMatchedColumns = <T extends string>(
 ) =>
   columns.reduce<Column<T>[]>((arr, column) => {
     const autoMatch = findMatch(column.header, fields, autoMapDistance);
-    if (autoMatch) {
+    if (isNonNullable(autoMatch)) {
       const field = fields.find((field) => field.key === autoMatch) as Field<T>;
       const duplicateIndex = arr.findIndex(
         (column) => 'value' in column && column.value === field.key,

packages/twenty-front/src/modules/spreadsheet-import/utils/normalizeCheckboxValue.ts

@@ -1,3 +1,5 @@
+import { isNonEmptyString } from '@sniptt/guards';
+
 const booleanWhitelist: Record<string, boolean> = {
   yes: true,
   no: false,
@@ -6,7 +8,7 @@ const booleanWhitelist: Record<string, boolean> = {
 };
 
 export const normalizeCheckboxValue = (value: string | undefined): boolean => {
-  if (value && value.toLowerCase() in booleanWhitelist) {
+  if (isNonEmptyString(value) && value.toLowerCase() in booleanWhitelist) {
     return booleanWhitelist[value.toLowerCase()];
   }
   return false;

packages/twenty-front/src/modules/spreadsheet-import/utils/normalizeTableData.ts

@@ -24,7 +24,7 @@ export const normalizeTableData = <T extends string>(
 
           if (
             'booleanMatches' in field.fieldType &&
-            Object.keys(field.fieldType).length
+            Object.keys(field.fieldType).length > 0
           ) {
             const booleanMatchKey = Object.keys(
               field.fieldType.booleanMatches || [],

packages/twenty-front/src/modules/support/components/SupportChat.tsx

@@ -1,5 +1,6 @@
 import { useCallback, useEffect, useState } from 'react';
 import styled from '@emotion/styled';
+import { isNonEmptyString } from '@sniptt/guards';
 import { useRecoilValue } from 'recoil';
 
 import { currentUserState } from '@/auth/states/currentUserState';
@@ -9,6 +10,7 @@ import { IconHelpCircle } from '@/ui/display/icon';
 import { Button } from '@/ui/input/button/components/Button';
 import { WorkspaceMember } from '@/workspace-member/types/WorkspaceMember';
 import { User } from '~/generated/graphql';
+import { isNonNullable } from '~/utils/isNonNullable';
 
 const StyledButtonContainer = styled.div`
   display: flex;
@@ -24,9 +26,9 @@ const insertScript = ({
   onLoad?: (...args: any[]) => void;
 }) => {
   const script = document.createElement('script');
-  if (src) script.src = src;
-  if (innerHTML) script.innerHTML = innerHTML;
-  if (onLoad) script.onload = onLoad;
+  if (isNonEmptyString(src)) script.src = src;
+  if (isNonEmptyString(innerHTML)) script.innerHTML = innerHTML;
+  if (isNonNullable(onLoad)) script.onload = onLoad;
   document.body.appendChild(script);
 };
 
@@ -70,9 +72,9 @@ export const SupportChat = () => {
   useEffect(() => {
     if (
       supportChat?.supportDriver === 'front' &&
-      supportChat.supportFrontChatId &&
-      currentUser?.email &&
-      currentWorkspaceMember &&
+      isNonEmptyString(supportChat.supportFrontChatId) &&
+      isNonEmptyString(currentUser?.email) &&
+      isNonNullable(currentWorkspaceMember) &&
       !isFrontChatLoaded
     ) {
       configureFront(