fix: add some defensive programming in there (#3712)

Author: drdelambre

src/tasks/components/TaskRunsCard.tsx

@@ -45,7 +45,7 @@ const TaskRunsCard: FC<Props> = ({task}) => {
   const members = useSelector((state: AppState) => state.resources.members.byID)
   const org = useSelector(getOrg)
   const history = useHistory()
-  const [route, setRoute] = useState(`/orgs/${org.id}/tasks/${task.id}/edit`)
+  const [route, setRoute] = useState(`/orgs/${org?.id}/tasks/${task?.id}/edit`)
   const changeToggle = () => {
     dispatch(
       updateTaskStatus({
@@ -81,6 +81,10 @@ const TaskRunsCard: FC<Props> = ({task}) => {
       return
     }
 
+    if (!task) {
+      return
+    }
+
     fetch(`/api/v2private/notebooks/resources?type=tasks&resource=${task.id}`, {
       method: 'GET',
       headers: {
@@ -101,7 +105,7 @@ const TaskRunsCard: FC<Props> = ({task}) => {
       .catch(() => {
         setRoute(`/notebook/from/task/${task.id}`)
       })
-  }, [isFlagEnabled('createWithFlows')])
+  }, [isFlagEnabled('createWithFlows'), task])
 
   if (!task) {
     return null