Payload is the open-source, fullstack Next.js framework, giving you instant backend superpowers. Get a full TypeScript backend and admin panel instantly. Use Payload as a headless CMS or for building powerful applications.
docs: correct type name in editMenuItems client component example (#15904)
The `editMenuItems` client component example in
`docs/custom-components/edit-view.mdx` referenced a non-existent type
`EditViewMenuItemClientProps`. The correct exported type is
`EditMenuItemsClientProps`.
## Changes
- **`docs/custom-components/edit-view.mdx`**: Replace
`EditViewMenuItemClientProps` → `EditMenuItemsClientProps` in the client
component code example (import and props type annotation)
The server component example already correctly used
`EditMenuItemsServerProps`; the client example now follows the same
naming pattern:
```tsx
import type { EditMenuItemsClientProps } from 'payload'
export const EditMenuItems = (props: EditMenuItemsClientProps) => {
// ...
}
```
<!-- START COPILOT ORIGINAL PROMPT -->
<details>
<summary>Original prompt</summary>
>
> ----
>
> *This section details on the original issue you should resolve*
>
> <issue_title>Change EditViewMenuItemClientProps to
EditViewMenuItemsClientProps</issue_title>
> <issue_description># Documentation Issue
>
> The code example at _Edit View > Custom Components > editMenuItems >
Client Component_ refers to a type "`EditViewMenuItemClientProps`"
twice. This type doesn't exist, it should be
`EditViewMenuItem**s**ClientProps`.
>
> ```tsx
> 'use client'
>
> import React from 'react'
> import { PopupList } from '@payloadcms/ui'
>
> import type { EditViewMenuItemClientProps } from 'payload'
>
> export const EditMenuItems = (props: EditViewMenuItemClientProps) => {
> const handleClick = () => {
> console.log('Custom button clicked!')
> }
>
> return (
> <PopupList.ButtonGroup>
> <PopupList.Button onClick={handleClick}>
> Custom Edit Menu Item
> </PopupList.Button>
> <PopupList.Button onClick={handleClick}>
> Another Custom Edit Menu Item - add as many as you need!
> </PopupList.Button>
> </PopupList.ButtonGroup>
> )
> }
> ```
>
> The server component gets it right.</issue_description>
>
> ## Comments on the Issue (you are @copilot in this section)
>
> <comments>
> </comments>
>
</details>
<!-- START COPILOT CODING AGENT SUFFIX -->
- Fixes payloadcms/payload#15898
<!-- START COPILOT CODING AGENT TIPS -->
---
💬 We'd love your input! Share your thoughts on Copilot coding agent in
our [2 minute survey](https://gh.io/copilot-coding-agent-survey).
---------
Co-authored-by: copilot-swe-agent[bot] <198982749+Copilot@users.noreply.github.com>
Co-authored-by: GermanJablo <43938777+GermanJablo@users.noreply.github.com> C
Copilot committed
03b20d0dfde1fc3f98211aaedee4f46502a626e3
Parent: 9bcedc8
Committed by GitHub <noreply@github.com>
on 3/13/2026, 5:32:50 PM