diff --git a/packages/sanity/src/core/components/previews/__workshop__/GeneralPreviewStory.tsx b/packages/sanity/src/core/components/previews/__workshop__/GeneralPreviewStory.tsx
index 577402056f9..a5f9cdd1162 100644
--- a/packages/sanity/src/core/components/previews/__workshop__/GeneralPreviewStory.tsx
+++ b/packages/sanity/src/core/components/previews/__workshop__/GeneralPreviewStory.tsx
@@ -102,8 +102,8 @@ export default function GeneralPreviewStory() {
             style={{lineHeight: 0}}
           >
             {createElement(
-              component as React.ComponentType<PreviewProps>,
-              previewProps as PreviewProps
+              component as React.ComponentType<Omit<PreviewProps, 'renderDefault'>>,
+              previewProps
             )}
           </Card>
         </Container>
diff --git a/packages/sanity/src/core/components/previews/__workshop__/PortableTextPreviewStory.tsx b/packages/sanity/src/core/components/previews/__workshop__/PortableTextPreviewStory.tsx
index 72cb57d7e65..d2ac62b4a35 100644
--- a/packages/sanity/src/core/components/previews/__workshop__/PortableTextPreviewStory.tsx
+++ b/packages/sanity/src/core/components/previews/__workshop__/PortableTextPreviewStory.tsx
@@ -26,7 +26,9 @@ const LAYOUT_OPTIONS: Record<string, PortableTextPreviewLayoutKey> = {
 // }
 
 const previewComponents: {
-  [TLayoutKey in PortableTextPreviewLayoutKey]: React.ComponentType<PreviewProps<TLayoutKey>>
+  [TLayoutKey in PortableTextPreviewLayoutKey]: React.ComponentType<
+    Omit<PreviewProps<TLayoutKey>, 'renderDefault'>
+  >
 } = {
   block: BlockPreview,
   blockImage: BlockImagePreview,
@@ -100,7 +102,10 @@ export default function PortableTextPreviewStory() {
       <Flex align="center" height="fill" justify="center" padding={4} sizing="border">
         <Container width={1}>
           <Card border padding={padding[layout]} radius={1} style={{lineHeight: 0}}>
-            {createElement(component as ComponentType<PreviewProps>, previewProps as PreviewProps)}
+            {createElement(
+              component as ComponentType<Omit<PreviewProps, 'renderDefault'>>,
+              previewProps
+            )}
           </Card>
         </Container>
       </Flex>
diff --git a/packages/sanity/src/core/components/previews/portableText/BlockImagePreview.tsx b/packages/sanity/src/core/components/previews/portableText/BlockImagePreview.tsx
index f64dc9997a4..7ec7f486234 100644
--- a/packages/sanity/src/core/components/previews/portableText/BlockImagePreview.tsx
+++ b/packages/sanity/src/core/components/previews/portableText/BlockImagePreview.tsx
@@ -8,7 +8,7 @@ import {renderPreviewNode} from '../helpers'
 import {HeaderFlex, MediaCard, RootBox} from './BlockImagePreview.styled'
 
 /** @beta */
-export type BlockImagePreviewProps = PreviewProps<'blockImage'>
+export type BlockImagePreviewProps = Omit<PreviewProps<'blockImage'>, 'renderDefault'>
 
 const DEFAULT_MEDIA_DIMENSIONS: PreviewMediaDimensions = {
   ...PREVIEW_MEDIA_SIZE.blockImage,
diff --git a/packages/sanity/src/core/components/previews/portableText/BlockPreview.tsx b/packages/sanity/src/core/components/previews/portableText/BlockPreview.tsx
index 9664e1671b6..283d567057d 100644
--- a/packages/sanity/src/core/components/previews/portableText/BlockPreview.tsx
+++ b/packages/sanity/src/core/components/previews/portableText/BlockPreview.tsx
@@ -19,7 +19,7 @@ const HeaderFlex = styled(Flex).attrs({align: 'center'})`
 `
 
 /** @beta */
-export function BlockPreview(props: PreviewProps<'block'>) {
+export function BlockPreview(props: Omit<PreviewProps<'block'>, 'renderDefault'>) {
   const {
     actions,
     title,
diff --git a/packages/sanity/src/core/config/components/index.ts b/packages/sanity/src/core/config/components/index.ts
index 097f0632611..23da548b6da 100644
--- a/packages/sanity/src/core/config/components/index.ts
+++ b/packages/sanity/src/core/config/components/index.ts
@@ -1,2 +1 @@
-export * from './types'
 export * from './useMiddlewareComponents'
diff --git a/packages/sanity/src/core/config/components/types.ts b/packages/sanity/src/core/config/components/types.ts
deleted file mode 100644
index 0e2680fc8d4..00000000000
--- a/packages/sanity/src/core/config/components/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-/** @beta */
-export interface MiddlewareProps<T> {
-  renderDefault: (props: T) => React.ReactElement
-}
diff --git a/packages/sanity/src/core/config/components/useMiddlewareComponents.ts b/packages/sanity/src/core/config/components/useMiddlewareComponents.ts
index 26d33e2fed3..969f8af401f 100644
--- a/packages/sanity/src/core/config/components/useMiddlewareComponents.ts
+++ b/packages/sanity/src/core/config/components/useMiddlewareComponents.ts
@@ -1,31 +1,39 @@
-import {ComponentType, createElement, useMemo} from 'react'
+/* eslint-disable @typescript-eslint/ban-types */
+
+import {ComponentType, createElement, Fragment, useMemo} from 'react'
 import {useSource} from '../../studio'
 import {PluginOptions} from '../types'
 
-interface MiddlewareProps<T> {
-  renderDefault: (props: T) => React.ReactElement
-}
+const emptyRender = () => createElement(Fragment)
 
-function _createMiddlewareComponent<T extends {renderDefault: (props: T) => React.ReactElement}>(
+function _createMiddlewareComponent<T extends {}>(
+  defaultComponent: ComponentType<T>,
   middlewareComponents: ComponentType<T>[]
 ): ComponentType<T> {
-  return (_props: T) => {
-    const _defaultItem = (props: T) => createElement(middlewareComponents[0], props)
-
-    let next = _defaultItem
-
-    for (const middleware of middlewareComponents.slice(1)) {
-      const defaultRender = next
-
-      next = (props) => {
-        return createElement(middleware, {
-          ...props,
-          renderDefault: defaultRender,
-        })
-      }
+  return (outerProps: T) => {
+    // This is the inner "layer" of the middleware chain
+    // Here we render the _default_ component (typically Sanity's component)
+    let next = (props: T) => createElement(defaultComponent, props)
+
+    // Since the middleware array is actually a middleware _stack_ data structure, we are
+    // essentially looping backwards here. This makes it possible to define the _next_ layer for
+    // each layer.
+    for (const middleware of middlewareComponents) {
+      // As we progress through the chain, the meaning of "renderDefault" changes.
+      // At a given layer in the chain, the _next_ layer is the "default".
+      const renderDefault = next
+
+      // Here we replace `next` so that the _previous_ layer may use this as its _next_.
+      next = (props) => createElement(middleware, {...props, renderDefault})
     }
 
-    return next(_props)
+    return next({
+      ...outerProps,
+      // NOTE: it's safe to pass the empty render function, since it'll be overwritten in the next step (above).
+      // NOTE: it's important that the default component does not use `renderDefault`, since it will
+      // get the `emptyRender` callback will be passed when the middleware stack is empty.
+      renderDefault: emptyRender,
+    })
   }
 }
 
@@ -59,18 +67,19 @@ function _pickFromPluginOptions<T>(
 }
 
 /** @internal */
-export function useMiddlewareComponents<T extends MiddlewareProps<T>>(props: {
-  pick: (plugin: PluginOptions) => ComponentType<T> | undefined
+export function useMiddlewareComponents<T extends {}>(props: {
+  pick: (plugin: PluginOptions) => ComponentType<T>
   defaultComponent: ComponentType<T>
 }): ComponentType<T> {
   const {options} = useSource().__internal
   const {defaultComponent, pick} = props
 
-  const middlewareComponents: ComponentType<T>[] = useMemo(() => {
-    const middleware = _pickFromPluginOptions(options, pick)
-
-    return [defaultComponent, ...middleware]
-  }, [defaultComponent, options, pick])
+  const middlewareComponents = useMemo(() => {
+    return _pickFromPluginOptions(options, pick)
+  }, [options, pick])
 
-  return useMemo(() => _createMiddlewareComponent(middlewareComponents), [middlewareComponents])
+  return useMemo(
+    () => _createMiddlewareComponent(defaultComponent, middlewareComponents),
+    [defaultComponent, middlewareComponents]
+  )
 }
diff --git a/packages/sanity/src/core/form/form-components-hooks/componentHooks.ts b/packages/sanity/src/core/form/form-components-hooks/componentHooks.ts
index 4d83a1760e2..87da2cdc174 100644
--- a/packages/sanity/src/core/form/form-components-hooks/componentHooks.ts
+++ b/packages/sanity/src/core/form/form-components-hooks/componentHooks.ts
@@ -13,7 +13,7 @@ import {
 /**
  * @internal
  */
-export function useInputComponent(): ComponentType<InputProps> {
+export function useInputComponent(): ComponentType<Omit<InputProps, 'renderDefault'>> {
   return useMiddlewareComponents({
     defaultComponent: DefaultInput,
     pick: pickInputComponent,
@@ -23,7 +23,7 @@ export function useInputComponent(): ComponentType<InputProps> {
 /**
  * @internal
  */
-export function useFieldComponent(): ComponentType<FieldProps> {
+export function useFieldComponent(): ComponentType<Omit<FieldProps, 'renderDefault'>> {
   return useMiddlewareComponents({
     defaultComponent: DefaultField,
     pick: pickFieldComponent,
@@ -33,7 +33,7 @@ export function useFieldComponent(): ComponentType<FieldProps> {
 /**
  * @internal
  */
-export function usePreviewComponent(): ComponentType<PreviewProps> {
+export function usePreviewComponent(): ComponentType<Omit<PreviewProps, 'renderDefault'>> {
   return useMiddlewareComponents({
     defaultComponent: DefaultPreview,
     pick: pickPreviewComponent,
@@ -43,7 +43,7 @@ export function usePreviewComponent(): ComponentType<PreviewProps> {
 /**
  * @internal
  */
-export function useItemComponent(): ComponentType<ItemProps> {
+export function useItemComponent(): ComponentType<Omit<ItemProps, 'renderDefault'>> {
   return useMiddlewareComponents({
     defaultComponent: DefaultItem,
     pick: pickItemComponent,
diff --git a/packages/sanity/src/core/form/form-components-hooks/components.ts b/packages/sanity/src/core/form/form-components-hooks/components.ts
index 634e28c6f39..61e5824b653 100644
--- a/packages/sanity/src/core/form/form-components-hooks/components.ts
+++ b/packages/sanity/src/core/form/form-components-hooks/components.ts
@@ -9,14 +9,19 @@ import {
 } from '../studio/inputResolver/inputResolver'
 import {InputProps, FieldProps, ItemProps} from '../types'
 
-function useResolveDefaultComponent<T>(props: {
-  componentProps: T & {schemaType: SchemaType}
-  componentResolver: (schemaType: SchemaType) => React.ComponentType<T>
+function useResolveDefaultComponent<T extends {schemaType?: SchemaType}>(props: {
+  componentProps: Omit<T, 'renderDefault'>
+  componentResolver: (schemaType: SchemaType) => React.ComponentType<Omit<T, 'renderDefault'>>
 }): React.ReactElement<T> {
   const {componentResolver, componentProps} = props
-  const defaultResolvedComponent = componentResolver(
-    componentProps.schemaType
-  ) as React.ComponentType<any>
+
+  // NOTE: this will not happen, but we do this to avoid updating too many places
+  // TODO: We need to clean up the preview machinery + types to remove this
+  if (!componentProps.schemaType) {
+    throw new Error('the `schemaType` property must be defined')
+  }
+
+  const defaultResolvedComponent = componentResolver(componentProps.schemaType)
 
   const renderDefault = useCallback(
     (parentTypeProps: T) => {
@@ -29,9 +34,7 @@ function useResolveDefaultComponent<T>(props: {
       // in order to prevent that a component is render itself
       // eslint-disable-next-line @typescript-eslint/no-unused-vars
       const {components, ...restSchemaType} = componentProps.schemaType
-      const parentTypeResolvedComponent = componentResolver(
-        restSchemaType
-      ) as React.ComponentType<any>
+      const parentTypeResolvedComponent = componentResolver(restSchemaType as SchemaType)
       return createElement(parentTypeResolvedComponent, parentTypeProps)
     },
     [componentProps.schemaType, componentResolver]
@@ -46,8 +49,8 @@ function useResolveDefaultComponent<T>(props: {
 /**
  * @internal
  */
-export function DefaultInput(props: InputProps): React.ReactElement<InputProps> {
-  return useResolveDefaultComponent<InputProps>({
+export function DefaultInput(props: Omit<InputProps, 'renderDefault'>): React.ReactElement {
+  return useResolveDefaultComponent<Omit<InputProps, 'renderDefault'>>({
     componentProps: props,
     componentResolver: defaultResolveInputComponent,
   })
@@ -56,8 +59,8 @@ export function DefaultInput(props: InputProps): React.ReactElement<InputProps>
 /**
  * @internal
  */
-export function DefaultField(props: FieldProps): React.ReactElement<FieldProps> {
-  return useResolveDefaultComponent<FieldProps>({
+export function DefaultField(props: Omit<FieldProps, 'renderDefault'>): React.ReactElement {
+  return useResolveDefaultComponent<Omit<FieldProps, 'renderDefault'>>({
     componentProps: props,
     componentResolver: defaultResolveFieldComponent,
   })
@@ -66,8 +69,8 @@ export function DefaultField(props: FieldProps): React.ReactElement<FieldProps>
 /**
  * @internal
  */
-export function DefaultItem(props: ItemProps): React.ReactElement<ItemProps> {
-  return useResolveDefaultComponent<ItemProps>({
+export function DefaultItem(props: Omit<ItemProps, 'renderDefault'>): React.ReactElement {
+  return useResolveDefaultComponent<Omit<ItemProps, 'renderDefault'>>({
     componentProps: props,
     componentResolver: defaultResolveItemComponent,
   })
@@ -76,9 +79,9 @@ export function DefaultItem(props: ItemProps): React.ReactElement<ItemProps> {
 /**
  * @internal
  */
-export function DefaultPreview(props: PreviewProps): React.ReactElement<PreviewProps> {
-  return useResolveDefaultComponent<PreviewProps>({
-    componentProps: props as any,
+export function DefaultPreview(props: Omit<PreviewProps, 'renderDefault'>): React.ReactElement {
+  return useResolveDefaultComponent<Omit<PreviewProps, 'renderDefault'>>({
+    componentProps: props,
     componentResolver: defaultResolvePreviewComponent,
   })
 }
diff --git a/packages/sanity/src/core/form/form-components-hooks/picks.ts b/packages/sanity/src/core/form/form-components-hooks/picks.ts
index de74a02df3c..d85ce299440 100644
--- a/packages/sanity/src/core/form/form-components-hooks/picks.ts
+++ b/packages/sanity/src/core/form/form-components-hooks/picks.ts
@@ -3,18 +3,26 @@ import {PreviewProps} from '../../components/previews'
 import {PluginOptions} from '../../config'
 import {FieldProps, InputProps, ItemProps} from '../types'
 
-export function pickInputComponent(plugin: PluginOptions): ComponentType<InputProps> {
-  return plugin.form?.components?.input as ComponentType<InputProps>
+export function pickInputComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<InputProps, 'renderDefault'>> {
+  return plugin.form?.components?.input as ComponentType<Omit<InputProps, 'renderDefault'>>
 }
 
-export function pickFieldComponent(plugin: PluginOptions): ComponentType<FieldProps> {
-  return plugin.form?.components?.field as ComponentType<FieldProps>
+export function pickFieldComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<FieldProps, 'renderDefault'>> {
+  return plugin.form?.components?.field as ComponentType<Omit<FieldProps, 'renderDefault'>>
 }
 
-export function pickPreviewComponent(plugin: PluginOptions): ComponentType<PreviewProps> {
-  return plugin.form?.components?.preview as ComponentType<PreviewProps>
+export function pickPreviewComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<PreviewProps, 'renderDefault'>> {
+  return plugin.form?.components?.preview as ComponentType<Omit<PreviewProps, 'renderDefault'>>
 }
 
-export function pickItemComponent(plugin: PluginOptions): ComponentType<ItemProps> {
-  return plugin.form?.components?.item as ComponentType<ItemProps>
+export function pickItemComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<ItemProps, 'renderDefault'>> {
+  return plugin.form?.components?.item as ComponentType<Omit<ItemProps, 'renderDefault'>>
 }
diff --git a/packages/sanity/src/core/form/inputs/ObjectInput/__tests__/ObjectFieldset.test.tsx b/packages/sanity/src/core/form/inputs/ObjectInput/__tests__/ObjectFieldset.test.tsx
index 2d1636c35b2..5ad011e6aef 100644
--- a/packages/sanity/src/core/form/inputs/ObjectInput/__tests__/ObjectFieldset.test.tsx
+++ b/packages/sanity/src/core/form/inputs/ObjectInput/__tests__/ObjectFieldset.test.tsx
@@ -33,7 +33,7 @@ const fieldsetsTestType = defineField({
 
 describe('fieldset with default options', () => {
   it('renders fields in a <fieldset element and includes a <legend', async () => {
-    function FieldWithTestId(props: FieldProps) {
+    function FieldWithTestId(props: Omit<FieldProps, 'renderDefault'>) {
       return <div data-testid={`input-${props.name}`}>{props.children}</div>
     }
     const {result} = await renderObjectInput({
diff --git a/packages/sanity/src/core/form/inputs/PortableText/__workshop__/_common/input.tsx b/packages/sanity/src/core/form/inputs/PortableText/__workshop__/_common/input.tsx
index f8462a192b3..4ccc5db733f 100644
--- a/packages/sanity/src/core/form/inputs/PortableText/__workshop__/_common/input.tsx
+++ b/packages/sanity/src/core/form/inputs/PortableText/__workshop__/_common/input.tsx
@@ -36,7 +36,7 @@ const DebugInput = forwardRef(function DebugInput(props: InputProps, ref) {
 export function inputResolver(
   input: SchemaType,
   form: SanityFormConfig
-): React.ComponentType<InputProps> {
+): React.ComponentType<Omit<InputProps, 'renderDefault'>> {
   if (!input.type) {
     throw new Error('inputResolver: missing subtype')
   }
diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/BlockObjectPreview.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/BlockObjectPreview.tsx
index 7b645cee5d0..3e11e64616e 100644
--- a/packages/sanity/src/core/form/inputs/PortableText/object/BlockObjectPreview.tsx
+++ b/packages/sanity/src/core/form/inputs/PortableText/object/BlockObjectPreview.tsx
@@ -139,7 +139,7 @@ export function BlockObjectPreview(props: BlockObjectPreviewProps): ReactElement
   if (isCustomPreviewComponent) {
     return (
       <Flex>
-        <Box flex={1}>{renderPreview(previewProps as PreviewProps)}</Box>
+        <Box flex={1}>{renderPreview(previewProps)}</Box>
         <Box marginLeft={1}>{actions}</Box>
       </Flex>
     )
@@ -152,8 +152,8 @@ export function BlockObjectPreview(props: BlockObjectPreviewProps): ReactElement
         layout: isImageType ? 'blockImage' : 'block',
         schemaType: type,
         value,
-        media: isImageType ? value : undefined,
-      } as PreviewProps)}
+        media: (isImageType ? value : undefined) as any, // TODO
+      })}
     </>
   )
 }
diff --git a/packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx b/packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx
index 744d68609cc..262e7a9628c 100644
--- a/packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx
+++ b/packages/sanity/src/core/form/inputs/PortableText/object/InlineObject.tsx
@@ -155,7 +155,7 @@ export const InlineObject = React.forwardRef(function InlineObject(
       value,
     }
 
-    return <PreviewSpan>{renderPreview(previewProps as PreviewProps)}</PreviewSpan>
+    return <PreviewSpan>{renderPreview(previewProps)}</PreviewSpan>
   }, [renderPreview, type, value])
 
   const markersToolTip = useMemo(
diff --git a/packages/sanity/src/core/form/inputs/ReferenceInput/PreviewReferenceValue.tsx b/packages/sanity/src/core/form/inputs/ReferenceInput/PreviewReferenceValue.tsx
index aded20b8ef0..ede9a6002f7 100644
--- a/packages/sanity/src/core/form/inputs/ReferenceInput/PreviewReferenceValue.tsx
+++ b/packages/sanity/src/core/form/inputs/ReferenceInput/PreviewReferenceValue.tsx
@@ -43,7 +43,7 @@ export function PreviewReferenceValue(props: {
 
       return (
         <Flex align="center">
-          <Box flex={1}>{renderPreview(previewProps as PreviewProps)}</Box>
+          <Box flex={1}>{renderPreview(previewProps)}</Box>
           <Box>
             <Inline space={4}>
               {showTypeLabel && (
diff --git a/packages/sanity/src/core/form/inputs/ReferenceInput/ReferencePreview.tsx b/packages/sanity/src/core/form/inputs/ReferenceInput/ReferencePreview.tsx
index 90c4554c9a5..ed944724845 100644
--- a/packages/sanity/src/core/form/inputs/ReferenceInput/ReferencePreview.tsx
+++ b/packages/sanity/src/core/form/inputs/ReferenceInput/ReferencePreview.tsx
@@ -85,7 +85,7 @@ export function ReferencePreview(props: {
   return (
     <Flex align="center">
       {availability.available ? (
-        <Box flex={1}>{renderPreview(previewProps as PreviewProps)}</Box>
+        <Box flex={1}>{renderPreview(previewProps)}</Box>
       ) : (
         <Box flex={1}>
           <Flex align="center">
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/ArrayInput.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/ArrayInput.tsx
index 66d57872d49..6f814afe7bb 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/ArrayInput.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/ArrayInput.tsx
@@ -254,7 +254,7 @@ export class ArrayInput extends React.PureComponent<ArrayInputProps> {
   }
 
   /** @internal */
-  renderArrayItem = (itemProps: ItemProps) => {
+  renderArrayItem = (itemProps: Omit<ItemProps, 'renderDefault'>) => {
     if (!isObjectItemProps(itemProps)) {
       throw new Error('Expected item to be of object type')
     }
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/CellItem.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/CellItem.tsx
index a871d4512b3..8c653af687f 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/CellItem.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/CellItem.tsx
@@ -173,7 +173,7 @@ export const CellItem = React.forwardRef(function ItemCell(
           onFocus={onFocus}
           __unstable_focusRing
         >
-          {renderPreview(previewProps as PreviewProps)}
+          {renderPreview(previewProps)}
         </PreviewCard>
       ) : (
         <MissingTypeBox flex={1}>
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/RowItem.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/RowItem.tsx
index 5322f8b1359..02dc56c7fb0 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/RowItem.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfObjectsInput/item/RowItem.tsx
@@ -123,7 +123,7 @@ export const RowItem = React.forwardRef(function RegularItem(
             onFocus={onFocus}
             __unstable_focusRing
           >
-            {renderPreview(previewProps as PreviewProps)}
+            {renderPreview(previewProps)}
           </Card>
         ) : (
           <Box flex={1}>
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ArrayOfPrimitivesInput.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ArrayOfPrimitivesInput.tsx
index 3be22391087..9c88971319d 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ArrayOfPrimitivesInput.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ArrayOfPrimitivesInput.tsx
@@ -135,7 +135,7 @@ export class ArrayOfPrimitivesInput extends React.PureComponent<DefaultArrayOfPr
     }
   }
 
-  renderArrayItem = (props: PrimitiveItemProps) => {
+  renderArrayItem = (props: Omit<PrimitiveItemProps, 'renderDefault'>) => {
     const {schemaType, readOnly} = this.props
     const isSortable = !readOnly && get(schemaType, 'options.sortable') !== false
 
diff --git a/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ItemRow.tsx b/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ItemRow.tsx
index f48559fd179..e1bcc547b71 100644
--- a/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ItemRow.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/ArrayOfPrimitivesInput/ItemRow.tsx
@@ -12,7 +12,7 @@ import {getEmptyValue} from './getEmptyValue'
 
 const dragHandle = <DragHandle paddingX={1} paddingY={3} />
 
-export type DefaultItemProps = PrimitiveItemProps & {
+export type DefaultItemProps = Omit<PrimitiveItemProps, 'renderDefault'> & {
   insertableTypes: SchemaType[]
   onEnterKey: (item: number) => void
   onEscapeKey: (item: number) => void
diff --git a/packages/sanity/src/core/form/inputs/arrays/OptionsArrayInput/OptionsArrayInput.tsx b/packages/sanity/src/core/form/inputs/arrays/OptionsArrayInput/OptionsArrayInput.tsx
index 17ffcfa6456..c2642a79eea 100644
--- a/packages/sanity/src/core/form/inputs/arrays/OptionsArrayInput/OptionsArrayInput.tsx
+++ b/packages/sanity/src/core/form/inputs/arrays/OptionsArrayInput/OptionsArrayInput.tsx
@@ -128,7 +128,7 @@ export class OptionsArrayInput extends React.PureComponent<OptionsArrayInputProp
                       <Text>{title}</Text>
                     </Box>
                   ) : (
-                    <Box marginLeft={2}>{renderPreview(previewProps as PreviewProps)}</Box>
+                    <Box marginLeft={2}>{renderPreview(previewProps)}</Box>
                   ))}
 
                 {!optionType && (
diff --git a/packages/sanity/src/core/form/inputs/files/FileInput/FileInput.tsx b/packages/sanity/src/core/form/inputs/files/FileInput/FileInput.tsx
index 18ad01e21b4..926e9fded00 100644
--- a/packages/sanity/src/core/form/inputs/files/FileInput/FileInput.tsx
+++ b/packages/sanity/src/core/form/inputs/files/FileInput/FileInput.tsx
@@ -326,7 +326,7 @@ export class BaseFileInput extends React.PureComponent<BaseFileInputProps, BaseF
 
     // todo: convert this to a functional component and use this with useCallback
     //  it currently has to return a new function on every render in order to pick up state from this component
-    return (inputProps: InputProps) => (
+    return (inputProps: Omit<InputProps, 'renderDefault'>) => (
       <>
         {isStale && (
           <Box marginBottom={2}>
diff --git a/packages/sanity/src/core/form/inputs/files/ImageInput/ImageInput.tsx b/packages/sanity/src/core/form/inputs/files/ImageInput/ImageInput.tsx
index 7daa65100f6..43c036a2b60 100644
--- a/packages/sanity/src/core/form/inputs/files/ImageInput/ImageInput.tsx
+++ b/packages/sanity/src/core/form/inputs/files/ImageInput/ImageInput.tsx
@@ -368,7 +368,7 @@ export class BaseImageInput extends React.PureComponent<BaseImageInputProps, Bas
     this.setState({selectedAssetSource: null})
   }
 
-  renderHotspotInput = (hotspotInputProps: InputProps) => {
+  renderHotspotInput = (hotspotInputProps: Omit<InputProps, 'renderDefault'>) => {
     const {value, changed, id, imageUrlBuilder} = this.props
 
     const withImageTool = this.isImageToolEnabled() && value && value.asset
@@ -706,7 +706,7 @@ export class BaseImageInput extends React.PureComponent<BaseImageInputProps, Bas
 
     // todo: convert this to a functional component and use this with useCallback
     //  it currently has to return a new function on every render in order to pick up state from this component
-    return (inputProps: InputProps) => (
+    return (inputProps: Omit<InputProps, 'renderDefault'>) => (
       <>
         {isStale && (
           <Box marginBottom={2}>
diff --git a/packages/sanity/src/core/form/inputs/files/ImageToolInput/ImageToolInput.tsx b/packages/sanity/src/core/form/inputs/files/ImageToolInput/ImageToolInput.tsx
index 180b78bd51d..05cf6c24a86 100644
--- a/packages/sanity/src/core/form/inputs/files/ImageToolInput/ImageToolInput.tsx
+++ b/packages/sanity/src/core/form/inputs/files/ImageToolInput/ImageToolInput.tsx
@@ -13,7 +13,7 @@ import {ImageTool, HotspotImage, DEFAULT_CROP, DEFAULT_HOTSPOT} from './imagetoo
 import {useLoadImage} from './useLoadImage'
 
 export interface ImageToolInputProps
-  extends Omit<ObjectInputProps<Image, ImageSchemaType>, 'markers'> {
+  extends Omit<ObjectInputProps<Image, ImageSchemaType>, 'markers' | 'renderDefault'> {
   imageUrl: string
 }
 
diff --git a/packages/sanity/src/core/form/members/fields/ArrayOfObjectsField.tsx b/packages/sanity/src/core/form/members/fields/ArrayOfObjectsField.tsx
index 491971046c5..f678ac1e1ce 100644
--- a/packages/sanity/src/core/form/members/fields/ArrayOfObjectsField.tsx
+++ b/packages/sanity/src/core/form/members/fields/ArrayOfObjectsField.tsx
@@ -281,10 +281,7 @@ export function ArrayOfObjectsField(props: {
     elementProps,
   ])
 
-  const renderedInput = useMemo(
-    () => renderInput(inputProps as ArrayOfObjectsInputProps),
-    [inputProps, renderInput]
-  )
+  const renderedInput = useMemo(() => renderInput(inputProps), [inputProps, renderInput])
 
   const fieldProps = useMemo((): Omit<ArrayFieldProps, 'renderDefault'> => {
     return {
@@ -336,7 +333,7 @@ export function ArrayOfObjectsField(props: {
       onPathBlur={onPathBlur}
       onPathFocus={onPathFocus}
     >
-      {useMemo(() => renderField(fieldProps as ArrayFieldProps), [fieldProps, renderField])}
+      {useMemo(() => renderField(fieldProps), [fieldProps, renderField])}
     </FormCallbacksProvider>
   )
 }
diff --git a/packages/sanity/src/core/form/members/fields/ArrayOfPrimitivesField.tsx b/packages/sanity/src/core/form/members/fields/ArrayOfPrimitivesField.tsx
index 810c7637f62..9c7c074db81 100644
--- a/packages/sanity/src/core/form/members/fields/ArrayOfPrimitivesField.tsx
+++ b/packages/sanity/src/core/form/members/fields/ArrayOfPrimitivesField.tsx
@@ -254,12 +254,9 @@ export function ArrayOfPrimitivesField(props: {
     renderPreview,
   ])
 
-  const renderedInput = useMemo(
-    () => renderInput(inputProps as ArrayOfPrimitivesInputProps),
-    [inputProps, renderInput]
-  )
+  const renderedInput = useMemo(() => renderInput(inputProps), [inputProps, renderInput])
 
-  const fieldProps = useMemo((): Omit<ArrayOfPrimitivesFieldProps, 'renderDefault'> => {
+  const fieldProps: Omit<ArrayOfPrimitivesFieldProps, 'renderDefault'> = useMemo(() => {
     return {
       name: member.name,
       index: member.index,
diff --git a/packages/sanity/src/core/form/members/fields/ObjectField.tsx b/packages/sanity/src/core/form/members/fields/ObjectField.tsx
index 76d1ed6cc17..d19b8d986ce 100644
--- a/packages/sanity/src/core/form/members/fields/ObjectField.tsx
+++ b/packages/sanity/src/core/form/members/fields/ObjectField.tsx
@@ -4,7 +4,6 @@ import {useDidUpdate} from '../../hooks/useDidUpdate'
 import {FieldMember, ObjectFormNode} from '../../store'
 import {
   ArrayOfObjectsInputProps,
-  InputProps,
   ObjectFieldProps,
   ObjectInputProps,
   RenderArrayOfObjectsItemCallback,
@@ -200,10 +199,7 @@ export const ObjectField = function ObjectField(props: {
     renderPreview,
   ])
 
-  const renderedInput = useMemo(
-    () => renderInput(inputProps as ObjectInputProps),
-    [inputProps, renderInput]
-  )
+  const renderedInput = useMemo(() => renderInput(inputProps), [inputProps, renderInput])
 
   const fieldProps = useMemo((): Omit<ObjectFieldProps, 'renderDefault'> => {
     return {
@@ -265,7 +261,7 @@ export const ObjectField = function ObjectField(props: {
       onPathBlur={onPathBlur}
       onPathFocus={onPathFocus}
     >
-      {useMemo(() => renderField(fieldProps as ObjectFieldProps), [fieldProps, renderField])}
+      {useMemo(() => renderField(fieldProps), [fieldProps, renderField])}
     </FormCallbacksProvider>
   )
 }
diff --git a/packages/sanity/src/core/form/members/fields/PrimitiveField.tsx b/packages/sanity/src/core/form/members/fields/PrimitiveField.tsx
index d1449238b0b..953161e2c6d 100644
--- a/packages/sanity/src/core/form/members/fields/PrimitiveField.tsx
+++ b/packages/sanity/src/core/form/members/fields/PrimitiveField.tsx
@@ -130,10 +130,7 @@ export function PrimitiveField(props: {
     elementProps,
   ])
 
-  const renderedInput = useMemo(
-    () => renderInput(inputProps as PrimitiveInputProps),
-    [inputProps, renderInput]
-  )
+  const renderedInput = useMemo(() => renderInput(inputProps), [inputProps, renderInput])
 
   const fieldProps = useMemo((): Omit<PrimitiveFieldProps, 'renderDefault'> => {
     return {
@@ -167,5 +164,5 @@ export function PrimitiveField(props: {
     inputProps,
   ])
 
-  return <>{renderField(fieldProps as PrimitiveFieldProps)}</>
+  return <>{renderField(fieldProps)}</>
 }
diff --git a/packages/sanity/src/core/form/members/items/ArrayOfObjectsItem.tsx b/packages/sanity/src/core/form/members/items/ArrayOfObjectsItem.tsx
index fc64ea4a8bc..a77cb20651d 100644
--- a/packages/sanity/src/core/form/members/items/ArrayOfObjectsItem.tsx
+++ b/packages/sanity/src/core/form/members/items/ArrayOfObjectsItem.tsx
@@ -225,10 +225,7 @@ export function ArrayOfObjectsItem(props: MemberItemProps) {
     renderPreview,
   ])
 
-  const renderedInput = useMemo(
-    () => renderInput(inputProps as ObjectInputProps),
-    [inputProps, renderInput]
-  )
+  const renderedInput = useMemo(() => renderInput(inputProps), [inputProps, renderInput])
 
   const itemProps = useMemo((): Omit<ObjectItemProps, 'renderDefault'> => {
     return {
@@ -294,7 +291,7 @@ export function ArrayOfObjectsItem(props: MemberItemProps) {
       onPathBlur={onPathBlur}
       onPathFocus={onPathFocus}
     >
-      {useMemo(() => renderItem(itemProps as ObjectItemProps), [itemProps, renderItem])}
+      {useMemo(() => renderItem(itemProps), [itemProps, renderItem])}
     </FormCallbacksProvider>
   )
 }
diff --git a/packages/sanity/src/core/form/members/items/ArrayOfPrimitivesItem.tsx b/packages/sanity/src/core/form/members/items/ArrayOfPrimitivesItem.tsx
index caaddde0c19..eb49fddd8ba 100644
--- a/packages/sanity/src/core/form/members/items/ArrayOfPrimitivesItem.tsx
+++ b/packages/sanity/src/core/form/members/items/ArrayOfPrimitivesItem.tsx
@@ -134,10 +134,7 @@ export function ArrayOfPrimitivesItem(props: PrimitiveMemberItemProps) {
     elementProps,
   ])
 
-  const renderedInput = useMemo(
-    () => renderInput(inputProps as PrimitiveInputProps),
-    [inputProps, renderInput]
-  )
+  const renderedInput = useMemo(() => renderInput(inputProps), [inputProps, renderInput])
 
   const onRemove = useCallback(() => {
     onChange(PatchEvent.from([unset([member.index])]))
diff --git a/packages/sanity/src/core/form/studio/FormBuilder.tsx b/packages/sanity/src/core/form/studio/FormBuilder.tsx
index fb057b866dc..f23aa532163 100644
--- a/packages/sanity/src/core/form/studio/FormBuilder.tsx
+++ b/packages/sanity/src/core/form/studio/FormBuilder.tsx
@@ -199,5 +199,5 @@ function RootInput() {
     value,
   }
 
-  return <>{renderInput(rootInputProps as ObjectInputProps)}</>
+  return <>{renderInput(rootInputProps)}</>
 }
diff --git a/packages/sanity/src/core/form/studio/FormProvider.tsx b/packages/sanity/src/core/form/studio/FormProvider.tsx
index eb4d38c8bdb..71e13fec66e 100644
--- a/packages/sanity/src/core/form/studio/FormProvider.tsx
+++ b/packages/sanity/src/core/form/studio/FormProvider.tsx
@@ -88,11 +88,20 @@ export function FormProvider(props: FormProviderProps) {
   const Preview = usePreviewComponent()
   const Item = useItemComponent()
 
-  const renderInput = useCallback((inputProps: InputProps) => <Input {...inputProps} />, [Input])
-  const renderField = useCallback((fieldProps: FieldProps) => <Field {...fieldProps} />, [Field])
-  const renderItem = useCallback((itemProps: ItemProps) => <Item {...itemProps} />, [Item])
+  const renderInput = useCallback(
+    (inputProps: Omit<InputProps, 'renderDefault'>) => <Input {...inputProps} />,
+    [Input]
+  )
+  const renderField = useCallback(
+    (fieldProps: Omit<FieldProps, 'renderDefault'>) => <Field {...fieldProps} />,
+    [Field]
+  )
+  const renderItem = useCallback(
+    (itemProps: Omit<ItemProps, 'renderDefault'>) => <Item {...itemProps} />,
+    [Item]
+  )
   const renderPreview = useCallback(
-    (previewProps: PreviewProps) => <Preview {...previewProps} />,
+    (previewProps: Omit<PreviewProps, 'renderDefault'>) => <Preview {...previewProps} />,
     [Preview]
   )
 
diff --git a/packages/sanity/src/core/form/studio/inputResolver/inputResolver.tsx b/packages/sanity/src/core/form/studio/inputResolver/inputResolver.tsx
index dca65bf183b..422e0b7d4b1 100644
--- a/packages/sanity/src/core/form/studio/inputResolver/inputResolver.tsx
+++ b/packages/sanity/src/core/form/studio/inputResolver/inputResolver.tsx
@@ -57,7 +57,7 @@ function getTypeChain(type: SchemaType | undefined, visited: Set<SchemaType>): S
 
 export function defaultResolveInputComponent(
   schemaType: SchemaType
-): React.ComponentType<InputProps> {
+): React.ComponentType<Omit<InputProps, 'renderDefault'>> {
   if (schemaType.components?.input) return schemaType.components.input
 
   const componentFromTypeVariants = resolveComponentFromTypeVariants(schemaType)
@@ -153,7 +153,7 @@ function ImageOrFileField(field: ObjectFieldProps) {
 
 export function defaultResolveFieldComponent(
   schemaType: SchemaType
-): React.ComponentType<FieldProps> {
+): React.ComponentType<Omit<FieldProps, 'renderDefault'>> {
   if (schemaType.components?.field) return schemaType.components.field
 
   if (isBooleanSchemaType(schemaType)) {
@@ -161,24 +161,26 @@ export function defaultResolveFieldComponent(
   }
 
   if (getTypeChain(schemaType, new Set()).some((t) => t.name === 'image' || t.name === 'file')) {
-    return ImageOrFileField as React.ComponentType<FieldProps>
+    return ImageOrFileField as React.ComponentType<Omit<FieldProps, 'renderDefault'>>
   }
 
   if (schemaType.jsonType !== 'object' && schemaType.jsonType !== 'array') {
-    return PrimitiveField
+    return PrimitiveField as React.ComponentType<Omit<FieldProps, 'renderDefault'>>
   }
 
-  return ObjectOrArrayField as React.ComponentType<FieldProps>
+  return ObjectOrArrayField as React.ComponentType<Omit<FieldProps, 'renderDefault'>>
 }
 
 export function defaultResolveItemComponent(
   schemaType: SchemaType
-): React.ComponentType<ItemProps> {
+): React.ComponentType<Omit<ItemProps, 'renderDefault'>> {
   if (schemaType.components?.item) return schemaType.components.item
 
   return NoopField
 }
 
-export function defaultResolvePreviewComponent(): React.ComponentType<PreviewProps> {
+export function defaultResolvePreviewComponent(): React.ComponentType<
+  Omit<PreviewProps, 'renderDefault'>
+> {
   return SanityPreview as any
 }
diff --git a/packages/sanity/src/core/form/types/asserters.ts b/packages/sanity/src/core/form/types/asserters.ts
index 4e2d46ea7bd..2e9a8aa7484 100644
--- a/packages/sanity/src/core/form/types/asserters.ts
+++ b/packages/sanity/src/core/form/types/asserters.ts
@@ -18,40 +18,50 @@ import {
 import {ItemProps, ObjectItemProps} from './itemProps'
 
 /** @beta */
-export function isObjectItemProps(item: ItemProps): item is ObjectItemProps {
+export function isObjectItemProps(
+  item: ItemProps | Omit<ItemProps, 'renderDefault'>
+): item is ObjectItemProps {
   return isObjectSchemaType(item.schemaType)
 }
 
 /** @beta */
-export function isObjectInputProps(inputProps: InputProps): inputProps is ObjectInputProps {
+export function isObjectInputProps(
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
+): inputProps is ObjectInputProps {
   return isObjectSchemaType(inputProps.schemaType)
 }
 
 /** @beta */
-export function isStringInputProps(inputProps: InputProps): inputProps is StringInputProps {
+export function isStringInputProps(
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
+): inputProps is StringInputProps {
   return isStringSchemaType(inputProps.schemaType)
 }
 
 /** @beta */
-export function isNumberInputProps(inputProps: InputProps): inputProps is NumberInputProps {
+export function isNumberInputProps(
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
+): inputProps is NumberInputProps {
   return isNumberSchemaType(inputProps.schemaType)
 }
 
 /** @beta */
-export function isBooleanInputProps(inputProps: InputProps): inputProps is BooleanInputProps {
+export function isBooleanInputProps(
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
+): inputProps is BooleanInputProps {
   return isBooleanSchemaType(inputProps.schemaType)
 }
 
 /** @beta */
 export function isArrayOfObjectsInputProps(
-  inputProps: InputProps
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
 ): inputProps is ArrayOfObjectsInputProps {
   return isArrayOfObjectsSchemaType(inputProps.schemaType)
 }
 
 /** @beta */
 export function isArrayOfPrimitivesInputProps(
-  inputProps: InputProps
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
 ): inputProps is ArrayOfPrimitivesInputProps {
   return isArrayOfPrimitivesSchemaType(inputProps.schemaType)
 }
diff --git a/packages/sanity/src/core/form/types/fieldProps.ts b/packages/sanity/src/core/form/types/fieldProps.ts
index ed211131fe5..7eea6add3c7 100644
--- a/packages/sanity/src/core/form/types/fieldProps.ts
+++ b/packages/sanity/src/core/form/types/fieldProps.ts
@@ -8,6 +8,7 @@ import {
   SchemaType,
   StringSchemaType,
 } from '@sanity/types'
+import {ReactElement, ReactNode} from 'react'
 import {FormNodePresence} from '../../presence'
 import {
   ArrayOfObjectsInputProps,
@@ -33,8 +34,8 @@ export interface BaseFieldProps {
   name: string
   index: number
   changed: boolean
-  children: React.ReactNode
-  renderDefault: (props: FieldProps) => React.ReactElement<FieldProps>
+  children: ReactNode
+  renderDefault: (props: FieldProps) => ReactElement
 }
 
 /** @public */
diff --git a/packages/sanity/src/core/form/types/inputProps.ts b/packages/sanity/src/core/form/types/inputProps.ts
index 07a5c10dcb8..8535b354bb4 100644
--- a/packages/sanity/src/core/form/types/inputProps.ts
+++ b/packages/sanity/src/core/form/types/inputProps.ts
@@ -29,7 +29,7 @@ import {InsertItemEvent, MoveItemEvent} from './event'
 
 /** @public */
 export interface BaseInputProps {
-  renderDefault: (props: InputProps) => React.ReactElement<InputProps>
+  renderDefault: (props: InputProps) => React.ReactElement
 }
 
 /** @public */
diff --git a/packages/sanity/src/core/form/types/itemProps.ts b/packages/sanity/src/core/form/types/itemProps.ts
index e33a35caa89..975e4c203d6 100644
--- a/packages/sanity/src/core/form/types/itemProps.ts
+++ b/packages/sanity/src/core/form/types/itemProps.ts
@@ -39,7 +39,7 @@ export interface BaseItemProps {
   /** @beta */
   presence: FormNodePresence[]
 
-  renderDefault: (props: ItemProps) => React.ReactElement<ItemProps>
+  renderDefault: (props: ItemProps) => React.ReactElement
 }
 
 /** @public */
diff --git a/packages/sanity/src/core/form/types/renderCallback.ts b/packages/sanity/src/core/form/types/renderCallback.ts
index 3fccf3e7763..6fd7b97bb48 100644
--- a/packages/sanity/src/core/form/types/renderCallback.ts
+++ b/packages/sanity/src/core/form/types/renderCallback.ts
@@ -5,19 +5,29 @@ import {FieldProps} from './fieldProps'
 import {InputProps} from './inputProps'
 
 /** @public */
-export type RenderArrayOfObjectsItemCallback = (itemProps: ObjectItemProps) => ReactNode
+export type RenderArrayOfObjectsItemCallback = (
+  itemProps: Omit<ObjectItemProps, 'renderDefault'>
+) => ReactNode
 
 /** @public */
-export type RenderArrayOfPrimitivesItemCallback = (itemProps: PrimitiveItemProps) => ReactNode
+export type RenderArrayOfPrimitivesItemCallback = (
+  itemProps: Omit<PrimitiveItemProps, 'renderDefault'>
+) => ReactNode
 
 /** @public */
-export type RenderItemCallback = (itemProps: ObjectItemProps | PrimitiveItemProps) => ReactNode
+export type RenderItemCallback = (
+  itemProps: Omit<ObjectItemProps, 'renderDefault'> | Omit<PrimitiveItemProps, 'renderDefault'>
+) => ReactNode
 
 /** @public */
-export type RenderFieldCallback<T extends FieldProps = FieldProps> = (fieldProps: T) => ReactNode
+export type RenderFieldCallback<T extends FieldProps = FieldProps> = (
+  fieldProps: Omit<T, 'renderDefault'>
+) => ReactNode
 
 /** @public */
-export type RenderInputCallback<T extends InputProps = InputProps> = (inputProps: T) => ReactNode
+export type RenderInputCallback<T extends InputProps = InputProps> = (
+  inputProps: Omit<T, 'renderDefault'>
+) => ReactNode
 
 /** @beta */
-export type RenderPreviewCallback = (props: PreviewProps) => ReactNode
+export type RenderPreviewCallback = (props: Omit<PreviewProps, 'renderDefault'>) => ReactNode
diff --git a/packages/sanity/src/core/form/utils/asserters.ts b/packages/sanity/src/core/form/utils/asserters.ts
index 98c1f234b25..89f6a35ee75 100644
--- a/packages/sanity/src/core/form/utils/asserters.ts
+++ b/packages/sanity/src/core/form/utils/asserters.ts
@@ -13,22 +13,32 @@ export function assertType<T>(v: unknown): asserts v is T {
   // intentionally empty
 }
 
-export function isObjectInputProps(inputProps: InputProps): inputProps is ObjectInputProps {
+export function isObjectInputProps(
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
+): inputProps is ObjectInputProps {
   return isObjectSchemaType(inputProps.schemaType)
 }
 
-export function isArrayInputProps(inputProps: InputProps): inputProps is ArrayOfObjectsInputProps {
+export function isArrayInputProps(
+  inputProps: InputProps | Omit<InputProps, 'renderDefault'>
+): inputProps is ArrayOfObjectsInputProps {
   return isArraySchemaType(inputProps.schemaType)
 }
 
-export function isPrimitiveField(fieldProps: FieldProps): fieldProps is PrimitiveFieldProps {
+export function isPrimitiveField(
+  fieldProps: FieldProps | Omit<FieldProps, 'renderDefault'>
+): fieldProps is PrimitiveFieldProps {
   return !isObjectSchemaType(fieldProps.schemaType) && !isArraySchemaType(fieldProps.schemaType)
 }
 
-export function isBooleanField(fieldProps: FieldProps): fieldProps is BooleanFieldProps {
+export function isBooleanField(
+  fieldProps: FieldProps | Omit<FieldProps, 'renderDefault'>
+): fieldProps is BooleanFieldProps {
   return isBooleanSchemaType(fieldProps.schemaType)
 }
 
-export function isObjectField(fieldProps: FieldProps): fieldProps is ObjectFieldProps {
+export function isObjectField(
+  fieldProps: FieldProps | Omit<FieldProps, 'renderDefault'>
+): fieldProps is ObjectFieldProps {
   return isObjectSchemaType(fieldProps.schemaType)
 }
diff --git a/packages/sanity/src/core/preview/components/SanityDefaultPreview.tsx b/packages/sanity/src/core/preview/components/SanityDefaultPreview.tsx
index 82ff4f4031f..de61d0187b7 100644
--- a/packages/sanity/src/core/preview/components/SanityDefaultPreview.tsx
+++ b/packages/sanity/src/core/preview/components/SanityDefaultPreview.tsx
@@ -2,6 +2,7 @@ import {DocumentIcon} from '@sanity/icons'
 import imageUrlBuilder from '@sanity/image-url'
 import {ImageUrlFitMode, isImage, isReference} from '@sanity/types'
 import React, {
+  ComponentType,
   createElement,
   ElementType,
   isValidElement,
@@ -45,8 +46,7 @@ export function SanityDefaultPreview(props: SanityDefaultPreviewProps): ReactEle
   const client = useClient(DEFAULT_STUDIO_CLIENT_OPTIONS)
   const imageBuilder = useMemo(() => imageUrlBuilder(client), [client])
 
-  const component = (_previewComponents[layout || 'default'] ||
-    _previewComponents.default) as ElementType<PreviewProps>
+  const component = _previewComponents[layout || 'default'] || _previewComponents.default
 
   const {_upload, value} = useMemo(() => {
     return valueProp ? _extractUploadState(valueProp) : {_upload: undefined, value: undefined}
@@ -150,5 +150,8 @@ export function SanityDefaultPreview(props: SanityDefaultPreviewProps): ReactEle
     ]
   )
 
-  return createElement(component, previewProps as PreviewProps)
+  return createElement(
+    component as ComponentType<Omit<PreviewProps, 'renderDefault'>>,
+    previewProps
+  )
 }
diff --git a/packages/sanity/src/core/preview/components/SanityPreview.tsx b/packages/sanity/src/core/preview/components/SanityPreview.tsx
index 65ef5066fc1..c2b3eb87f1f 100644
--- a/packages/sanity/src/core/preview/components/SanityPreview.tsx
+++ b/packages/sanity/src/core/preview/components/SanityPreview.tsx
@@ -83,7 +83,7 @@ export function SanityPreview(props: SanityPreviewProps & {style?: CSSProperties
 
   return (
     <div ref={setRef} style={style}>
-      {createElement(component, {...previewProps, schemaType: restSchemaType} as PreviewProps)}
+      {createElement(component, {...previewProps, schemaType: restSchemaType})}
     </div>
   )
 }
diff --git a/packages/sanity/src/core/preview/components/_resolvePreviewComponent.ts b/packages/sanity/src/core/preview/components/_resolvePreviewComponent.ts
index 981b062fd0a..636011fce13 100644
--- a/packages/sanity/src/core/preview/components/_resolvePreviewComponent.ts
+++ b/packages/sanity/src/core/preview/components/_resolvePreviewComponent.ts
@@ -4,7 +4,7 @@ import {PreviewProps} from '../../components/previews'
 import {SanityDefaultPreview} from './SanityDefaultPreview'
 
 type PreviewElementType = ElementType<
-  PreviewProps & {
+  Omit<PreviewProps, 'renderDefault'> & {
     icon?: React.ElementType
     schemaType?: SchemaType
   }
diff --git a/packages/sanity/src/core/studio/studio-components-hooks/componentHooks.ts b/packages/sanity/src/core/studio/studio-components-hooks/componentHooks.ts
index 4e47f7122cd..22b5053dd92 100644
--- a/packages/sanity/src/core/studio/studio-components-hooks/componentHooks.ts
+++ b/packages/sanity/src/core/studio/studio-components-hooks/componentHooks.ts
@@ -15,9 +15,9 @@ import {
  */
 export function useToolMenuComponent(): ComponentType<Omit<ToolMenuProps, 'renderDefault'>> {
   return useMiddlewareComponents({
-    defaultComponent: StudioToolMenu,
+    defaultComponent: StudioToolMenu as ComponentType<Omit<ToolMenuProps, 'renderDefault'>>,
     pick: pickToolMenuComponent,
-  }) as ComponentType<Omit<ToolMenuProps, 'renderDefault'>>
+  })
 }
 
 /**
@@ -25,9 +25,9 @@ export function useToolMenuComponent(): ComponentType<Omit<ToolMenuProps, 'rende
  */
 export function useNavbarComponent(): ComponentType<Omit<NavbarProps, 'renderDefault'>> {
   return useMiddlewareComponents({
-    defaultComponent: StudioNavbar,
+    defaultComponent: StudioNavbar as ComponentType<Omit<NavbarProps, 'renderDefault'>>,
     pick: pickNavbarComponent,
-  }) as ComponentType<Omit<NavbarProps, 'renderDefault'>>
+  })
 }
 
 /**
@@ -35,9 +35,9 @@ export function useNavbarComponent(): ComponentType<Omit<NavbarProps, 'renderDef
  */
 export function useLogoComponent(): ComponentType<Omit<LogoProps, 'renderDefault'>> {
   return useMiddlewareComponents({
-    defaultComponent: StudioLogo,
+    defaultComponent: StudioLogo as ComponentType<Omit<LogoProps, 'renderDefault'>>,
     pick: pickLogoComponent,
-  }) as ComponentType<Omit<LogoProps, 'renderDefault'>>
+  })
 }
 
 /**
@@ -45,7 +45,7 @@ export function useLogoComponent(): ComponentType<Omit<LogoProps, 'renderDefault
  */
 export function useLayoutComponent(): ComponentType<Omit<LayoutProps, 'renderDefault'>> {
   return useMiddlewareComponents({
-    defaultComponent: StudioLayout,
+    defaultComponent: StudioLayout as ComponentType<Omit<LayoutProps, 'renderDefault'>>,
     pick: pickLayoutComponent,
-  }) as ComponentType<Omit<LayoutProps, 'renderDefault'>>
+  })
 }
diff --git a/packages/sanity/src/core/studio/studio-components-hooks/picks.ts b/packages/sanity/src/core/studio/studio-components-hooks/picks.ts
index bc257f6bf49..988d597195d 100644
--- a/packages/sanity/src/core/studio/studio-components-hooks/picks.ts
+++ b/packages/sanity/src/core/studio/studio-components-hooks/picks.ts
@@ -1,18 +1,26 @@
 import {ComponentType} from 'react'
 import {LayoutProps, LogoProps, NavbarProps, PluginOptions, ToolMenuProps} from '../../config'
 
-export function pickToolMenuComponent(plugin: PluginOptions): ComponentType<ToolMenuProps> {
-  return plugin.studio?.components?.toolMenu as ComponentType<ToolMenuProps>
+export function pickToolMenuComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<ToolMenuProps, 'renderDefault'>> {
+  return plugin.studio?.components?.toolMenu as ComponentType<Omit<ToolMenuProps, 'renderDefault'>>
 }
 
-export function pickNavbarComponent(plugin: PluginOptions): ComponentType<NavbarProps> {
-  return plugin.studio?.components?.navbar as ComponentType<NavbarProps>
+export function pickNavbarComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<NavbarProps, 'renderDefault'>> {
+  return plugin.studio?.components?.navbar as ComponentType<Omit<NavbarProps, 'renderDefault'>>
 }
 
-export function pickLayoutComponent(plugin: PluginOptions): ComponentType<LayoutProps> {
-  return plugin.studio?.components?.layout as ComponentType<LayoutProps>
+export function pickLayoutComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<LayoutProps, 'renderDefault'>> {
+  return plugin.studio?.components?.layout as ComponentType<Omit<LayoutProps, 'renderDefault'>>
 }
 
-export function pickLogoComponent(plugin: PluginOptions): ComponentType<LogoProps> {
-  return plugin.studio?.components?.logo as ComponentType<LogoProps>
+export function pickLogoComponent(
+  plugin: PluginOptions
+): ComponentType<Omit<LogoProps, 'renderDefault'>> {
+  return plugin.studio?.components?.logo as ComponentType<Omit<LogoProps, 'renderDefault'>>
 }