add fallback error state for snapshot types (#6671)

* add fallback error state for snapshot types

* fix imports

js_modules/dagit/packages/core/src/typeexplorer/TypeListContainer.tsx

@@ -1,4 +1,5 @@
 import {gql, useQuery} from '@apollo/client';
+import {Box, NonIdealState} from '@dagster-io/ui';
 import * as React from 'react';
 
 import {ExplorerPath} from '../pipelines/PipelinePathUtils';
@@ -29,16 +30,27 @@ export const TypeListContainer: React.FunctionComponent<ITypeListContainerProps>
   const pipelineSelector = React.useMemo(() => {
     if (!repoAddress) {
       const reposWithMatch = findRepoContainingPipeline(options, pipelineName, snapshotId);
-      return buildPipelineSelector(optionToRepoAddress(reposWithMatch[0]), pipelineName);
+      return reposWithMatch.length
+        ? buildPipelineSelector(optionToRepoAddress(reposWithMatch[0]), pipelineName)
+        : null;
     }
     return buildPipelineSelector(repoAddress, pipelineName);
   }, [options, pipelineName, repoAddress, snapshotId]);
 
   const queryResult = useQuery<TypeListContainerQuery>(TYPE_LIST_CONTAINER_QUERY, {
     fetchPolicy: 'cache-and-network',
     variables: {pipelineSelector},
+    skip: !pipelineSelector,
   });
 
+  if (!pipelineSelector) {
+    return (
+      <Box margin={48}>
+        <NonIdealState icon="error" title="Could not fetch types for snapshot" />
+      </Box>
+    );
+  }
+
   return (
     <Loading queryResult={queryResult}>
       {(data) => {