fix(performance): add back useMemo on DocumentPaneContext value (#…

…5458)

Co-authored-by: Rico Kahler <[email protected]>

packages/sanity/src/structure/panes/document/DocumentPaneContext.ts

@@ -67,7 +67,6 @@ export interface DocumentPaneContextValue {
   setTimelineMode: (mode: TimelineMode) => void
   setTimelineRange(since: string | null, rev: string | null): void
   setIsDeleting: (state: boolean) => void
-  source?: string
   timelineError: Error | null
   timelineMode: TimelineMode
   timelineStore: TimelineStore

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

@@ -557,63 +557,120 @@ export const DocumentPaneProvider = memo((props: DocumentPaneProviderProps) => {
     [formStateRef],
   )
 
-  const documentPane: DocumentPaneContextValue = {
-    actions,
-    activeViewId,
-    badges,
-    changesOpen,
-    closeInspector,
-    collapsedFieldSets,
-    collapsedPaths,
-    compareValue,
-    connectionState,
-    displayed,
-    documentId,
-    documentIdRaw,
-    documentType,
-    editState,
-    fieldActions,
-    focusPath,
-    inspector: currentInspector || null,
-    inspectors,
-    onBlur: handleBlur,
-    onChange: handleChange,
-    onFocus: handleFocus,
-    onPathOpen: setOpenPath,
-    onHistoryClose: handleHistoryClose,
-    onHistoryOpen: handleHistoryOpen,
-    onInspectClose: handleLegacyInspectClose,
-    onMenuAction: handleMenuAction,
-    onPaneClose: handlePaneClose,
-    onPaneSplit: handlePaneSplit,
-    onSetActiveFieldGroup: handleSetActiveFieldGroup,
-    onSetCollapsedPath: handleOnSetCollapsedPath,
-    onSetCollapsedFieldSet: handleOnSetCollapsedFieldSet,
-    openInspector,
-    index,
-    inspectOpen,
-    validation,
-    menuItemGroups: menuItemGroups || [],
-    paneKey,
-    previewUrl,
-    ready,
-    schemaType: schemaType!,
-    isPermissionsLoading,
-    permissions,
-    setTimelineMode,
-    setTimelineRange,
-    setIsDeleting,
-    isDeleting,
-    isDeleted,
-    timelineError,
-    timelineMode,
-    timelineStore,
-    title,
-    value,
-    views,
-    formState,
-    unstable_languageFilter: languageFilter,
-  }
+  const documentPane: DocumentPaneContextValue = useMemo(
+    () => ({
+      actions,
+      activeViewId,
+      badges,
+      changesOpen,
+      closeInspector,
+      collapsedFieldSets,
+      collapsedPaths,
+      compareValue,
+      connectionState,
+      displayed,
+      documentId,
+      documentIdRaw,
+      documentType,
+      editState,
+      fieldActions,
+      focusPath,
+      inspector: currentInspector || null,
+      inspectors,
+      onBlur: handleBlur,
+      onChange: handleChange,
+      onFocus: handleFocus,
+      onPathOpen: setOpenPath,
+      onHistoryClose: handleHistoryClose,
+      onHistoryOpen: handleHistoryOpen,
+      onInspectClose: handleLegacyInspectClose,
+      onMenuAction: handleMenuAction,
+      onPaneClose: handlePaneClose,
+      onPaneSplit: handlePaneSplit,
+      onSetActiveFieldGroup: handleSetActiveFieldGroup,
+      onSetCollapsedPath: handleOnSetCollapsedPath,
+      onSetCollapsedFieldSet: handleOnSetCollapsedFieldSet,
+      openInspector,
+      index,
+      inspectOpen,
+      validation,
+      menuItemGroups: menuItemGroups || [],
+      paneKey,
+      previewUrl,
+      ready,
+      schemaType: schemaType!,
+      isPermissionsLoading,
+      permissions,
+      setTimelineMode,
+      setTimelineRange,
+      setIsDeleting,
+      isDeleting,
+      isDeleted,
+      timelineError,
+      timelineMode,
+      timelineStore,
+      title,
+      value,
+      views,
+      formState,
+      unstable_languageFilter: languageFilter,
+    }),
+    [
+      actions,
+      activeViewId,
+      badges,
+      changesOpen,
+      closeInspector,
+      collapsedFieldSets,
+      collapsedPaths,
+      compareValue,
+      connectionState,
+      currentInspector,
+      displayed,
+      documentId,
+      documentIdRaw,
+      documentType,
+      editState,
+      fieldActions,
+      focusPath,
+      formState,
+      handleBlur,
+      handleChange,
+      handleFocus,
+      handleHistoryClose,
+      handleHistoryOpen,
+      handleLegacyInspectClose,
+      handleMenuAction,
+      handleOnSetCollapsedFieldSet,
+      handleOnSetCollapsedPath,
+      handlePaneClose,
+      handlePaneSplit,
+      handleSetActiveFieldGroup,
+      index,
+      inspectOpen,
+      inspectors,
+      isDeleted,
+      isDeleting,
+      isPermissionsLoading,
+      languageFilter,
+      menuItemGroups,
+      openInspector,
+      paneKey,
+      permissions,
+      previewUrl,
+      ready,
+      schemaType,
+      setOpenPath,
+      setTimelineRange,
+      timelineError,
+      timelineMode,
+      timelineStore,
+      title,
+      validation,
+      value,
+      views,
+    ],
+  )
 
   useEffect(() => {
     if (connectionState === 'reconnecting') {