diff --git a/src/containers/Projects/containers/ProjectDetails/index.tsx b/src/containers/Projects/containers/ProjectDetails/index.tsx
index ee9efac23..9194dd23f 100644
--- a/src/containers/Projects/containers/ProjectDetails/index.tsx
+++ b/src/containers/Projects/containers/ProjectDetails/index.tsx
@@ -17,12 +17,12 @@ function ProjectTabs({
   changePageTitle,
 }) {
   const {
-    state: { original },
+    state: { name },
   } = useLocation();
 
   React.useEffect(() => {
-    changePageTitle(original.name);
-  }, [changePageTitle, original]);
+    changePageTitle(name);
+  }, [changePageTitle, name]);
 
   return (
     <ProjectDetailProvider>
diff --git a/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx b/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx
index dcd9c5ed5..f6fc597ad 100644
--- a/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx
+++ b/src/containers/Projects/containers/ProjectsLanding/ProjectsDataTable.tsx
@@ -53,7 +53,7 @@ function ProjectsDataTable({
   // Handle cell click.
   const handleCellClick = ({ row: { original } }) => {
     return history.push(`/projects/${original?.id}/details`, {
-      original,
+      name: original.name,
     });
   };
 
@@ -76,7 +76,7 @@ function ProjectsDataTable({
   // Handle view detail project.
   const handleViewDetailProject = (project) => {
     return history.push(`/projects/${project.id}/details`, {
-      original: project.name,
+      name: project.name,
     });
   };