React 19 & NextJS

[mitchell-hudson]

Is Vibe/Core compaitable with React 19 and NextJS?

I've started a new project, but having issues with the styling displaying

'use client';
import { Button } from '@vibe/core';

export default function Home() {
  return (
    <div>
      <Button>Primary</Button>
      <Button kind="secondary">Secondary</Button>
      <Button kind="tertiary">Tertiary</Button>
    </div>
  );
}

Results in:

When I am expecting:

My dependencies are:

"dependencies": {
    "@mondaycom/apps-sdk": "^3.2.1",
    "@vibe/core": "^3.42.0",
    "next": "15.3.1",
    "react": "^19.0.0",
    "react-dom": "^19.0.0"
  },```

[talkor]

Hey @mitchell-hudson!
Vibe is not fully compatible with React 19 yet, though using some component might work well with it.
Are you importing the @vibe/core/tokens in the root of your application?

[ramarm]

Hey @talkor ,
It looks like there is much more incompatibilities, maybe issue for tooltip and dialog is that react 19 removed findDOMNode as described here - facebook/react#28926

[ammAdaptavist]

Hi!
We're having the same problem @ramarm mentioned, using the following versions:

"@vibe/core": "3.51.0",
"react": "19.1.0",
"react-dom": "19.1.0",
"next": "15.3.2"

When attempting to use a vibe component, we get the following error:

Attempted import error: 'findDOMNode' is not exported from 'react-dom' (imported as 'findDOMNode').

[talkor]

Please see this update