sanity/src/structure/panes/document/document-layout/useDocumentLayoutComponent.ts

Sanity is a real-time content infrastructure with a scalable, hosted backend featuring a Graph Oriented Query Language (GROQ), asset pipelines and fast edge caches

import {type ComponentType} from 'react'
import {type DocumentLayoutProps, useMiddlewareComponents} from 'sanity'

import {DocumentLayout} from './DocumentLayout'
import {pickDocumentLayoutComponent} from './pickDocumentLayoutComponent'

/**
 * A hook that returns the document layout composed
 * by the Components API (`document.components.layout`).
 */
export function useDocumentLayoutComponent(): ComponentType<
  Omit<DocumentLayoutProps, 'renderDefault'>
> {
  return useMiddlewareComponents({
    pick: pickDocumentLayoutComponent,
    defaultComponent: DocumentLayout,
  })
}