[BUG] - Datepicker raises Invalid prop ref supplied to React.Fragment. React.Fragment can only have key and children props.

[rhufsky]

NextUI Version

2.4.8 and 2.5-beta.11, Next15, React 19RC

Describe the bug

When hitting the calendar icon on datepicker, the datepicker popover opens and raises two errors:

Invalid prop refsupplied toReact.Fragment. React.Fragment can only have keyandchildren props.

Your Example Website or App

https://github.com/rhufsky/nextui-demo.git

Steps to Reproduce the Bug or Issue

Click on datepicker icon.

Expected behavior

Datepicker should open without errors.

Screenshots or Videos

No response

Operating System Version

MacOS

Browser

Chrome

[linear]

ENG-1559 [BUG] - Datepicker raises Invalid prop `ref` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.

[mikeyamato]

Also happening with React 18.3.1.

[slothgeek]

same bug to me. Im using individual instalation of calendar

[JadonLee8]

Also happened to me with 18.3.1 and individual installation

[Scoteezy]

Has anyone fixed this?

[irvanhanif]

from tailwindlabs/headlessui#3351 (comment) , say it only occurs in development mode. idk why, it happen in dev mode

Has anyone fixed this?

[yuriiIykyknow]

The same issue
"next": "^15.0.3",
"@nextui-org/date-picker": "^2.1.8",

[abbasEbadian]

This error is because of framer motion animation.
Passing disableAnimation to DatePicker resolve's the error (for now).

[yuriiIykyknow]

When i set disableAnimation i got another error.
react error C:\src\client\components\globals\intercept-console-error.ts:46 Received an empty string for a boolean attribute inert. This will treat the attribute as if it were false. Either pass false to silence this warning, or pass true if you used an empty string in earlier versions of React to indicate this attribute is true.
pass inert={true} don't help (

[abbasEbadian]

Received an empty string for a boolean attribute inert

It's been fixed in this PR
and is in beta version.

[jimapl]

When I reinstall the beta, this issue still exists. Any idea?

[Cierra-Runis]

Issue still exists with:

{
  "@nextui-org/calendar": "2.2.3"
}

[XBEAST1]

When I reinstall the beta, this issue still exists. Any idea?

Try Passing disableAnimation to DatePicker resolve's the error for me

[Archivec]

Same error when destroyInactiveTabPanel prop set to true on Tabs component