React 19 support with Typescript?

[gndelia]

I tried to upgrade a project to React 19, where this library is used. I got errors due to incompatibilities of the children definition this library has (in particular, in SkeletonTheme), and the definition @types/[email protected] provides for children. Particularly, children's is ReactNode (the same as SkeletonTheme), but in react 19 it includes bigint, not included in this package, and that causes a compilation error.

Is react 19 supported?

[smagura-jm]

This is the first time I've heard complaints of the library not working with React 19.

I tried this code with React 19 in a new Vite project:

import { SkeletonTheme } from "react-loading-skeleton";
import { PropsWithChildren } from "react";

interface MySkeletonThemeProps extends PropsWithChildren {}

function MySkeletonTheme({ children }: MySkeletonThemeProps) {
  return <SkeletonTheme>{children}</SkeletonTheme>;
}

function App() {
  return <MySkeletonTheme />;
}

It compiled without issue. Can you share a minimal repro of your issue?

Is it possible you have multiple versions of @types/react in your repo? This is a fairly common issue I have hit.

[gndelia]

My repo is using Next 14 with react 18.2, using the App router.
I hit this issue when trying to update to Next 15 and react 19. The conflict seems to be in the ReactElement definition of ReactNode. I am updating @types/react and @types/react-dom as well, but I don't know if another library is causing this issue. This web page is part of a monorepo.
Let me see if I can get you a minimal reproduction error

[gndelia]

ok I tried a small repo from scratch, and indeed it works. So it may be that the monorepo that I'm working on is somehow mixing versions of react somewhere that I could not notice. I will re-review it

[gndelia]

So when updating in my monorepo, I get this error

[gndelia]

ok, indeed it's installing 2 versions, one in the root node_modules (the old one), and the other one in the node_modules of my app's folder. Unsure why, but that's how the conflict comes. Thanks !