fix(base): return ready state from useEditState()

packages/@sanity/base/src/datastores/document/document-pair/editState.ts

@@ -1,6 +1,6 @@
 import {SanityDocument} from '@sanity/types'
 import {Observable} from 'rxjs'
-import {map, publishReplay, refCount} from 'rxjs/operators'
+import {map, publishReplay, refCount, startWith} from 'rxjs/operators'
 import {IdPair} from '../types'
 import {memoize} from '../utils/createMemoizer'
 import {isLiveEditEnabled} from './utils/isLiveEditEnabled'
@@ -12,18 +12,29 @@ export interface EditStateFor {
   draft: SanityDocument | null
   published: SanityDocument | null
   liveEdit: boolean
+  ready: boolean
 }
 
 export const editState = memoize(
   (idPair: IdPair, typeName: string): Observable<EditStateFor> => {
+    const liveEdit = isLiveEditEnabled(typeName)
     return operationArgs(idPair, typeName).pipe(
       map(({snapshots}) => ({
         id: idPair.publishedId,
         type: typeName,
         draft: snapshots.draft,
         published: snapshots.published,
-        liveEdit: isLiveEditEnabled(typeName),
+        liveEdit,
+        ready: true,
       })),
+      startWith({
+        id: idPair.publishedId,
+        type: typeName,
+        draft: null,
+        published: null,
+        liveEdit,
+        ready: false,
+      }),
       publishReplay(1),
       refCount()
     )

packages/@sanity/desk-tool/src/panes/document/DocumentPaneProvider.tsx

@@ -108,7 +108,7 @@ export const DocumentPaneProvider = function DocumentPaneProvider(
   const compareValue: Partial<SanityDocument> | null = changesOpen
     ? historyController.sinceAttributes()
     : editState?.published || null
-  const ready = connectionState === 'connected' && !patch.disabled
+  const ready = connectionState === 'connected' && editState.ready
   const displayed: Partial<SanityDocument> | null = useMemo(
     () => {
       return historyController.onOlderRevision() ? historyController.displayed() : value

packages/@sanity/react-hooks/src/useEditState.ts

@@ -4,20 +4,10 @@
 import type {EditStateFor} from '@sanity/base/_internal'
 import documentStore from 'part:@sanity/base/datastore/document'
 import {useMemoObservable} from 'react-rx'
-import {startWith} from 'rxjs/operators'
 
 export function useEditState(publishedDocId: string, docTypeName: string): EditStateFor {
-  return useMemoObservable(
-    () =>
-      documentStore.pair.editState(publishedDocId, docTypeName).pipe(
-        startWith({
-          id: publishedDocId,
-          type: docTypeName,
-          draft: null,
-          published: null,
-          liveEdit: false,
-        })
-      ),
-    [publishedDocId, docTypeName]
-  ) as EditStateFor
+  return useMemoObservable(() => documentStore.pair.editState(publishedDocId, docTypeName), [
+    publishedDocId,
+    docTypeName,
+  ]) as EditStateFor
 }