Bug: How to deal with HTML popover in react

[codeAbinash]

How to deal with HTML popover in react

https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/popover

React version: 18.2.0

Steps To Reproduce

1. Trying to use HTML popover

The current behavior

Type '{ children: string; popovertarget: string; }' is not assignable to type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'. Property 'popovertarget' does not exist on type 'DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>'.

Type '{ children: string; popover: true; id: string; }' is not assignable to type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'. Property 'popover' does not exist on type 'DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>'.

Please add support for HTML popover in react.

[kaungmyatlwin]

Popover API support is being handled in this PR #27480.

[acusti]

@codeAbinash if you specify popover="auto" (the default value), react will render the HTML correctly and the popover will work. the errors you pasted into your issue are actually not an issue with the react library but with typescript’s react libdef, which is being discussed here: DefinitelyTyped/DefinitelyTyped#66550

lastly, i’d consider this a duplicate of #27479 and close this in favor of that one.

[codeAbinash]

Thanks @acusti

[eps1lon]

Closing in favor of #27479