Upgrade to support react v19

[deepakshirbhate]

Can you please upgrade the libraries to support the latest version of react v19.

[prajapati-mukesh]

-----> Installing dependencies
Installing node modules (package.json)
npm error code ERESOLVE
npm error ERESOLVE unable to resolve dependency tree
npm error
npm error While resolving: tauri-quasar@0.0.1
npm error Found: react@19.0.0
npm error node_modules/react
npm error react@"^19.0.0" from the root project
npm error
npm error Could not resolve dependency:
npm error peer react@"^16.8.0 || ^17.0.0 || ^18.0.0" from lottie-react@2.4.0
npm error node_modules/lottie-react
npm error lottie-react@"^2.4.0" from the root project

Facing this error

[jdahdah]

As a temporary fix, you can override the dependencies in package.json. This worked for me but you'll need to thoroughly test that all of your animations are still working as expected. Add this to the root level:

"overrides": {
  "lottie-react": {
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },
},

[jayvdb]

#121 fixes this

[Gamote]

Hey there, the lottie-react@^2.4.1 should fix this issue.

[ronaldaug]

I'm not quite sure with React, but Next.js 15 (latest version) doesn't work with lottie-react at all, even with version 2.4.1. It fails during deployment as below.

Error occurred prerendering page "/". Read more: https://nextjs.org/docs/messages/prerender-error
ReferenceError: document is not defined
    at createTag (/vercel/path0/.next/server/app/page.js:27:173898)

[rvanlaarhoven]

@ronaldaug You can use a next/dynamic import to make sure the lottie-react is not server rendered;

import dynamic from 'next/dynamic';

const LottieReact = dynamic(() => import('lottie-react'), {ssr: false});

[rafaelcardeallodi]

@ronaldaug You can use a next/dynamic import to make sure the lottie-react is not server rendered;

import dynamic from 'next/dynamic';

const LottieReact = dynamic(() => import('lottie-react'), {ssr: false});

This way, when the page is first loaded, it is hidden, but it works