React 19 support (#81) fix(80)

vercel · Oct 25, 2024 · 926b277 · 926b277
1 parent 7fa98c6
commit 926b277
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/packages/web/package.json b/packages/web/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@vercel/speed-insights",
-  "version": "1.0.13",
+  "version": "1.0.14",
   "description": "Speed Insights is a tool for measuring web performance and providing suggestions for improvement.",
   "keywords": [
     "speed-insights",
@@ -112,7 +112,7 @@
   "peerDependencies": {
     "@sveltejs/kit": "^1 || ^2",
     "next": ">= 13",
-    "react": "^18 || ^19",
+    "react": "^18 || ^19 || ^19.0.0-rc",
     "svelte": ">= 4",
     "vue": "^3",
     "vue-router": "^4"

diff --git a/packages/web/src/nextjs/index.tsx b/packages/web/src/nextjs/index.tsx
@@ -11,10 +11,11 @@ function SpeedInsightsComponent(props: Props): React.ReactElement {
   return <SpeedInsightsScript route={route} {...props} framework="next" />;
 }
 
-export function SpeedInsights(props: Props): React.ReactElement {
+export function SpeedInsights(props: Props): null {
+  // Because of incompatible types between ReactNode in React 19 and React 18 we return null (which is also what we render)
   return (
     <Suspense fallback={null}>
       <SpeedInsightsComponent {...props} />
     </Suspense>
-  );
+  ) as never;
 }