feat(react): upgrade to React v19

LottieFiles · Dec 12, 2024 · 87cea8e · 87cea8e
1 parent 0a985a0
commit 87cea8e
Show file tree

Hide file tree

Showing 7 changed files with 1,121 additions and 543 deletions.
diff --git a/.changeset/neat-turtles-sip.md b/.changeset/neat-turtles-sip.md
@@ -0,0 +1,5 @@
+---
+'@lottiefiles/dotlottie-react': minor
+---
+
+feat: React v19 upgrade
diff --git a/packages/react/package.json b/packages/react/package.json
@@ -41,16 +41,16 @@
     "type-check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "react": "^17 || ^18"
+    "react": "^17 || ^18 || ^19"
   },
   "dependencies": {
     "@lottiefiles/dotlottie-web": "workspace:*"
   },
   "devDependencies": {
-    "@types/react": "^18.2.37",
+    "@types/react": "^19.0.1",
     "cross-env": "7.0.3",
-    "react": "^18.2.0",
-    "tsup": "8.0.1",
+    "react": "^19.0.0",
+    "tsup": "8.3.5",
     "typescript": "5.0.4"
   },
   "publishConfig": {

diff --git a/packages/react/src/dotlottie-worker.tsx b/packages/react/src/dotlottie-worker.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import type { DotLottieWorker, Config } from '@lottiefiles/dotlottie-web';
-import { useEffect, type ComponentProps, type RefCallback } from 'react';
+import { useEffect, type ComponentProps, type RefCallback, type JSX } from 'react';
 
 import { useDotLottieWorker } from './use-dotlottie-worker';
 import useStableCallback from './use-stable-callback';

diff --git a/packages/react/src/dotlottie.tsx b/packages/react/src/dotlottie.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import type { DotLottie, Config } from '@lottiefiles/dotlottie-web';
-import { useEffect, type ComponentProps, type RefCallback } from 'react';
+import { useEffect, type ComponentProps, type RefCallback, type JSX } from 'react';
 
 import { useDotLottie } from './use-dotlottie';
 import useStableCallback from './use-stable-callback';

diff --git a/packages/react/src/use-dotlottie-worker.tsx b/packages/react/src/use-dotlottie-worker.tsx
@@ -1,6 +1,6 @@
 import type { Config } from '@lottiefiles/dotlottie-web';
 import { DotLottieWorker } from '@lottiefiles/dotlottie-web';
-import { useCallback, useState, useEffect, useRef } from 'react';
+import { useCallback, useState, useEffect, useRef, type JSX } from 'react';
 import type { ComponentProps, RefCallback } from 'react';
 
 interface DotLottieWorkerComponentProps {

diff --git a/packages/react/src/use-dotlottie.tsx b/packages/react/src/use-dotlottie.tsx
@@ -1,6 +1,6 @@
 import type { Config } from '@lottiefiles/dotlottie-web';
 import { DotLottie } from '@lottiefiles/dotlottie-web';
-import { useCallback, useState, useEffect, useRef } from 'react';
+import { useCallback, useState, useEffect, useRef, type JSX } from 'react';
 import type { ComponentProps, RefCallback } from 'react';
 
 interface DotLottieComponentProps {