diff --git a/apps/app/helpers/array.helper.ts b/apps/app/helpers/array.helper.ts
index 3cd326be7da..2432f88addb 100644
--- a/apps/app/helpers/array.helper.ts
+++ b/apps/app/helpers/array.helper.ts
@@ -8,10 +8,12 @@ export const groupBy = (array: any[], key: string) => {
 };
 
 export const orderArrayBy = (
-  array: any[],
+  orgArray: any[],
   key: string,
   ordering: "ascending" | "descending" = "ascending"
 ) => {
+  const array = [...orgArray];
+
   if (!array || !Array.isArray(array) || array.length === 0) return [];
 
   if (key[0] === "-") {
diff --git a/apps/app/hooks/use-projects.tsx b/apps/app/hooks/use-projects.tsx
index 247fc0db656..a8a2d455b99 100644
--- a/apps/app/hooks/use-projects.tsx
+++ b/apps/app/hooks/use-projects.tsx
@@ -19,9 +19,9 @@ const useProjects = () => {
     workspaceSlug ? () => projectService.getProjects(workspaceSlug as string) : null
   );
 
-  const recentProjects = projects
+  const recentProjects = [...(projects ?? [])]
     ?.sort((a, b) => Date.parse(`${a.updated_at}`) - Date.parse(`${b.updated_at}`))
-    .filter((_item, index) => index < 3);
+    ?.slice(0, 3);
 
   return {
     projects: orderArrayBy(projects ?? [], "is_favorite", "descending") || [],