Merge pull request #305 from eramdam/fix-types-react19

francinelucca · web-flow · commit abb84c5e8762 · 2025-05-02T19:15:27.000-04:00
Declare `relative-element` under React.JSX to fix React 19 compatibility
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -45,6 +45,14 @@
     "eslint-plugin-github": "^4.7.0",
     "typescript": "^5.0.4"
   },
+  "peerDependencies": {
+    "@types/react": "18 || 19"
+  },
+  "peerDependenciesMeta": {
+    "@types/react": {
+      "optional": true
+    }
+  },
   "eslintIgnore": [
     "dist/"
   ],
diff --git a/src/relative-time-element-define.ts b/src/relative-time-element-define.ts
@@ -22,6 +22,9 @@ declare global {
   interface HTMLElementTagNameMap {
     'relative-time': RelativeTimeElement
   }
+}
+
+declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
       ['relative-time']: JSXBase['span'] & Partial<Omit<RelativeTimeElement, keyof HTMLElement>>
