[GH-ISSUE #245] Components that render @opentui/react components do not support key prop #63

New issue

Closed

opened 2026-03-02 23:44:14 +03:00 by kerem · 2 comments

kerem commented

2026-03-02 23:44:14 +03:00

Owner

Originally created by @macklinu on GitHub (Oct 31, 2025).
Original GitHub issue: https://github.com/anomalyco/opentui/issues/245

import { test, expect } from "bun:test"

test("components that wrap opentui react components support React key prop", () => {
  const Double = ({ children }: { children: number }) => <text>{children * 2}</text>

  const numbers = [1, 2, 3]

  expect(() => (
    <box>
      {numbers.map((number) => (
        <Double key={number}>{number}</Double>
      ))}
    </box>
  )).not.toThrow()
})

results in:

src/components/index.test.tsx:11:17 - error TS2322: Type '{ children: number; key: number; }' is not assignable to type '{ children: number; }'.
  Property 'key' does not exist on type '{ children: number; }'.

11         <Double key={number}>{number}</Double>

I would expect the Double component to accept the key prop. I'm having trouble figuring out where to make this change locally after poking around the @opentui/react types otherwise I would have submitted a PR.

Originally created by @macklinu on GitHub (Oct 31, 2025). Original GitHub issue: https://github.com/anomalyco/opentui/issues/245 ```tsx import { test, expect } from "bun:test" test("components that wrap opentui react components support React key prop", () => { const Double = ({ children }: { children: number }) => <text>{children * 2}</text> const numbers = [1, 2, 3] expect(() => ( <box> {numbers.map((number) => ( <Double key={number}>{number}</Double> ))} </box> )).not.toThrow() }) ``` results in: ``` src/components/index.test.tsx:11:17 - error TS2322: Type '{ children: number; key: number; }' is not assignable to type '{ children: number; }'. Property 'key' does not exist on type '{ children: number; }'. 11 <Double key={number}>{number}</Double> ``` I would expect the Double component to accept the `key` prop. I'm having trouble figuring out where to make this change locally after poking around the `@opentui/react` types otherwise I would have submitted a PR.