fix: remove unsafe ref access during render

packages/sanity/src/structure/panes/document/DocumentPaneProvider.tsx

@@ -80,6 +80,7 @@ export const DocumentPaneProvider = memo((props: DocumentPaneProviderProps) => {
       inspectors: inspectorsResolver,
     },
   } = useSource()
+  const telemetry = useTelemetry()
   const presenceStore = usePresenceStore()
   const paneRouter = usePaneRouter()
   const setPaneParams = paneRouter.setParams
@@ -297,14 +298,15 @@ export const DocumentPaneProvider = memo((props: DocumentPaneProviderProps) => {
   const patchRef = useRef<(event: PatchEvent) => void>(() => {
     throw new Error('Nope')
   })
-
-  patchRef.current = (event: PatchEvent) => {
-    // when creating a new draft
-    if (!editState.draft && !editState.published) {
-      telemetry.log(CreatedDraft)
+  useEffect(() => {
+    patchRef.current = (event: PatchEvent) => {
+      // when creating a new draft
+      if (!editState.draft && !editState.published) {
+        telemetry.log(CreatedDraft)
+      }
+      patch.execute(toMutationPatches(event.patches), initialValue.value)
     }
-    patch.execute(toMutationPatches(event.patches), initialValue.value)
-  }
+  }, [editState.draft, editState.published, initialValue.value, patch, telemetry])
 
   const handleChange = useCallback((event: PatchEvent) => patchRef.current(event), [])
 
@@ -411,8 +413,6 @@ export const DocumentPaneProvider = memo((props: DocumentPaneProviderProps) => {
     [inspectOpen, params, setPaneParams],
   )
 
-  const telemetry = useTelemetry()
-
   const handleMenuAction = useCallback(
     (item: PaneMenuItem) => {
       if (item.action === 'production-preview' && previewUrl) {
@@ -581,7 +581,9 @@ export const DocumentPaneProvider = memo((props: DocumentPaneProviderProps) => {
   }, [documentId, documentType, schemaType, handleChange, setDocumentMeta])
 
   const formStateRef = useRef(formState)
-  formStateRef.current = formState
+  useEffect(() => {
+    formStateRef.current = formState
+  }, [formState])
 
   const setOpenPath = useCallback(
     (path: Path) => {