fix(core): releases screen should not crash if schema type is unknown (#8942)

Author: pedrobonamin

packages/sanity/src/core/i18n/bundles/studio.ts

@@ -379,6 +379,9 @@ export const studioLocaleStrings = defineLocalesResources('studio', {
   /** Label to show in the document footer indicating the revision from date of the document */
   'document-status.revision-from': 'Revision from <em>{{date}}</em>',
 
+  /** Label to indicate that a document type was not found */
+  'document.type.not-found': 'Document type "{{type}}" not found',
+
   /** The value of the <code>_key</code> property must be a unique string. */
   'form.error.duplicate-keys-alert.details.additional-description':
     'The value of the <code>_key</code> property must be a unique string.',

packages/sanity/src/core/releases/tool/detail/ReleaseSummary.tsx

@@ -55,7 +55,6 @@ export function ReleaseSummary(props: ReleaseSummaryProps) {
   const [pendingAddedDocument, setPendingAddedDocument] = useState<BundleDocumentRow[]>([])
 
   const {t} = useTranslation(releasesLocaleNamespace)
-  const {t: tCore} = useTranslation()
 
   const releaseId = getReleaseIdFromReleaseDocumentId(release._id)
 
@@ -74,14 +73,9 @@ export function ReleaseSummary(props: ReleaseSummaryProps) {
       if (!isBundleDocumentRow(rowProps.datum)) return null
       if (rowProps.datum.isPending) return null
 
-      return (
-        <DocumentActions
-          document={rowProps.datum}
-          releaseTitle={release.metadata.title || tCore('release.placeholder-untitled-release')}
-        />
-      )
+      return <DocumentActions document={rowProps.datum} />
     },
-    [release.metadata.title, release.state, tCore],
+    [release.state],
   )
 
   const documentTableColumnDefs = useMemo(

packages/sanity/src/core/releases/tool/detail/documentTable/DocumentActions.tsx

@@ -4,6 +4,7 @@ import {memo, useMemo, useState} from 'react'
 
 import {MenuButton, MenuItem} from '../../../../../ui-components'
 import {ContextMenuButton} from '../../../../components/contextMenuButton'
+import {useSchema} from '../../../../hooks'
 import {useTranslation} from '../../../../i18n'
 import {useDocumentPairPermissions} from '../../../../store/_legacy/grants/documentPairPermissions'
 import {getPublishedId, getVersionFromId} from '../../../../util/draftUtils'
@@ -13,14 +14,8 @@ import {releasesLocaleNamespace} from '../../../i18n'
 import {isGoingToUnpublish} from '../../../util/isGoingToUnpublish'
 import {type BundleDocumentRow} from '../ReleaseSummary'
 
-export const DocumentActions = memo(
-  function DocumentActions({
-    document,
-    releaseTitle,
-  }: {
-    document: BundleDocumentRow
-    releaseTitle: string
-  }) {
+const DocumentActionsInner = memo(
+  function DocumentActionsInner({document}: {document: BundleDocumentRow}) {
     const [showDiscardDialog, setShowDiscardDialog] = useState(false)
     const [showUnpublishDialog, setShowUnpublishDialog] = useState(false)
     const {t: coreT} = useTranslation()
@@ -124,6 +119,25 @@ export const DocumentActions = memo(
       </>
     )
   },
-  (prev, next) =>
-    prev.document.memoKey === next.document.memoKey && prev.releaseTitle === next.releaseTitle,
+  (prev, next) => prev.document.memoKey === next.document.memoKey,
 )
+
+export const DocumentActions = memo(function GuardedDocumentActions(props: {
+  document: BundleDocumentRow
+}) {
+  const schema = useSchema()
+  const type = schema.get(props.document.document._type)
+  const {t} = useTranslation()
+  if (!type) {
+    return (
+      <ContextMenuButton
+        disabled
+        tooltipProps={{
+          content: t('document.type.not-found', {type: props.document.document._type}),
+        }}
+      />
+    )
+  }
+
+  return <DocumentActionsInner {...props} />
+})