[Bug]: Invalid prop: type check failed for prop "onBlur". Expected Function, got Array - DropdownMenuContent & Motion

[adarsh4d]

Environment

Node version: v18.20.3
Package manager: pnpm@8.15.6
Reka UI version: 2.1.0
Motion-V version: 0.13.0

Link to minimal reproduction

https://stackblitz.com/edit/x7y44ngl-uxmrt3cq

Steps to reproduce

• Go to this link
• Open dev tools
• Click on "Push Me" button

Describe the bug

When using the Motion with DropdownMenuContent it logs a warning about invalid props

Invalid prop: type check failed for prop "onBlur". Expected Function, got Array

Expected behavior

No response

Context & Screenshots (if applicable)

[zernonia]

@rick-hup do you think this is warning from motion-v? 😁

[rick-hup]

@zernonia I think the type error occurs because DropdownMenuContent is passing an Array type for onBlur, while the Motion component expects onBlur to be a function.

[zernonia]

hmm this is weird.. I did a @blur console.log and seems like it's triggering as a Function, not an array.. Need further inspection

[rick-hup]

@zernonia did you set asChild to true?