[Solved] `key` prop included in `tdProps` object causes React "key in spread" warning

0 Answers 10 Views
Grid
nEMO
Top achievements
Rank 1
nEMO asked on 14 May 2026, 09:13 AM | edited on 14 May 2026, 09:25 AM

**Code example:**

// Grid usage
<Grid
  cells={{
    group: {
      groupHeader: (args) => {
        if (args.level === 0) return <BalloonGroupHeader {...args} />
        if (args.level === 1) return <ModuleGroupHeader {...args} />
        return null
      },
    },
  }}
/>

// Custom group header component
const BalloonGroupHeader = (props: GridGroupCellProps) => {
  const { key, ...restTdProps } = props.tdProps as any
  return <td key={key} {...restTdProps} />
}

kendo-react: 8.2.0

"react": "^18.2.0"

No answers yet. Maybe you can help?

Tags
Grid
Asked by
nEMO
Top achievements
Rank 1
Share this question
or