Declare relative-element under React.JSX to fix React 19 compatibility

Fixes github#304 I had to add a `@ts-expect-error` comment since otherwise the typechecker would complain about missing `react` as a dependency.
eramdam · Jan 16, 2025 · ccd68e0 · ccd68e0
1 parent 8d86a67
commit ccd68e0
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/relative-time-element-define.ts b/src/relative-time-element-define.ts
@@ -22,6 +22,10 @@ declare global {
   interface HTMLElementTagNameMap {
     'relative-time': RelativeTimeElement
   }
+}
+
+// @ts-expect-error This is needed for consumers using React 19 and above but TypeScript complains because `react` isn't a dependency of the project.
+declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
       ['relative-time']: JSXBase['span'] & Partial<Omit<RelativeTimeElement, keyof HTMLElement>>