diff --git a/frontend/packages/dev-console/src/components/pipelines/PipelineDetails.tsx b/frontend/packages/dev-console/src/components/pipelines/PipelineDetails.tsx
index 9efb55fb537..4ced553d091 100644
--- a/frontend/packages/dev-console/src/components/pipelines/PipelineDetails.tsx
+++ b/frontend/packages/dev-console/src/components/pipelines/PipelineDetails.tsx
@@ -1,10 +1,14 @@
 import * as React from 'react';
 import { SectionHeading, ResourceSummary, ResourceLink } from '@console/internal/components/utils';
-import { referenceForModel } from '@console/internal/module/k8s';
+import { referenceForModel, K8sResourceKind } from '@console/internal/module/k8s';
 import { TaskModel } from '../../models';
 import { PipelineVisualization } from './PipelineVisualization';
 
-const PipelineDetails = ({ obj: pipeline }) => (
+interface PipelineDetailsProps {
+  obj: K8sResourceKind;
+}
+
+const PipelineDetails: React.FC<PipelineDetailsProps> = ({ obj: pipeline }) => (
   <div className="co-m-pane__body">
     <SectionHeading text="Pipeline Overview" />
     <PipelineVisualization pipeline={pipeline} />
@@ -12,28 +16,31 @@ const PipelineDetails = ({ obj: pipeline }) => (
       <div className="col-sm-6">
         <ResourceSummary resource={pipeline} />
       </div>
-      <div className="col-sm-6">
-        <SectionHeading text="Tasks" />
-        <dl>
-          {pipeline.spec.tasks.map((task) => {
-            return (
-              <React.Fragment key={task.name}>
-                <dt>Name: {task.name}</dt>
-                <dd>
-                  Ref:{' '}
-                  <ResourceLink
-                    kind={referenceForModel(TaskModel)}
-                    name={task.taskRef.name}
-                    namespace={pipeline.metadata.namespace}
-                    title={task.taskRef.name}
-                    inline
-                  />
-                </dd>
-              </React.Fragment>
-            );
-          })}
-        </dl>
-      </div>
+      {pipeline.spec &&
+        (pipeline.spec.tasks && (
+          <div className="col-sm-6">
+            <SectionHeading text="Tasks" />
+            <dl>
+              {pipeline.spec.tasks.map((task) => {
+                return (
+                  <React.Fragment key={task.name}>
+                    <dt>Name: {task.name}</dt>
+                    <dd>
+                      Ref:{' '}
+                      <ResourceLink
+                        kind={referenceForModel(TaskModel)}
+                        name={task.taskRef.name}
+                        namespace={pipeline.metadata.namespace}
+                        title={task.taskRef.name}
+                        inline
+                      />
+                    </dd>
+                  </React.Fragment>
+                );
+              })}
+            </dl>
+          </div>
+        ))}
     </div>
   </div>
 );