[BUG] - Autocomplete forwardRef Error in 2.5.0 Beta

[christophmeise]

NextUI Version

2.5.0-beta.24

Describe the bug

With React 19 and Nextjs 15.0.3 and the latest beta for 2.5.0-beta.24 I am getting error for the Autocomplete component.

This seems to come from the Listbox inside Autocomplete.

Full Error log:

Error: forwardRef render functions accept exactly two parameters: props and ref. Did you forget to use the ref parameter?
at createUnhandledError (http://localhost:3000/_next/static/chunks/08b5e_next_dist_client_9bb038._.js:744:19)
at handleClientError (http://localhost:3000/_next/static/chunks/08b5e_next_dist_client_9bb038._.js:905:98)
at error (http://localhost:3000/_next/static/chunks/08b5e_next_dist_client_9bb038._.js:1036:56)
at console.error (https://eu-assets.i.posthog.com/static/recorder.js?v=1.193.1:1:103627)
at exports.forwardRef (http://localhost:3000/_next/static/chunks/08b5e_next_dist_compiled_1359e6._.js:1568:418)
at forwardRef (http://localhost:3000/_next/static/chunks/08b5e_b5d0a5._.js:6120:204)
at [project]/node_modules/@nextui-org/listbox/dist/chunk-W7VMXJNC.mjs [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/08b5e_@nextui-org_0a72b7._.js:7883:231)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at esmImport (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:142:20)
at [project]/node_modules/@nextui-org/listbox/dist/chunk-Y2D6DCKD.mjs [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/08b5e_@nextui-org_0a72b7._.js:7901:179)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at esmImport (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:142:20)
at [project]/node_modules/@nextui-org/listbox/dist/chunk-Y2D6DCKD.mjs [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/08b5e_@nextui-org_0a72b7._.js:7983:179)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at esmImport (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:142:20)
at [project]/node_modules/@nextui-org/autocomplete/dist/chunk-KHDVC7JG.mjs [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/08b5e_@nextui-org_0a72b7._.js:6581:225)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at esmImport (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:142:20)
at [project]/node_modules/@nextui-org/autocomplete/dist/chunk-KHDVC7JG.mjs [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/08b5e_@nextui-org_0a72b7._.js:6651:184)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at esmImport (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:142:20)
at [project]/apps/nextjs/src/app/(dashboard)/[workspaceId]/[projectId]/_components/new-post-dialog.tsx [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/src_e9d541._.js:5782:240)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at esmImport (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:142:20)
at [project]/apps/nextjs/src/app/(dashboard)/[workspaceId]/[projectId]/components/sidebar.tsx [app-client] (ecmascript) (http://localhost:3000/_next/static/chunks/src_e9d541._.js:8952:229)
at http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:693:27
at runModuleExecutionHooks (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:738:9)
at instantiateModule (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:691:9)
at getOrInstantiateModuleFromParent (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:624:12)
at commonJsRequire (http://localhost:3000/_next/static/chunks/%5Bproject%5D_apps_nextjs_cfb72b._.js:157:20)
at requireModule (http://localhost:3000/_next/static/chunks/08b5e_next_dist_compiled_1359e6._.js:2290:29)
at initializeModuleChunk (http://localhost:3000/_next/static/chunks/08b5e_next_dist_compiled_1359e6._.js:2832:25)
at ProjectLayout (rsc://React/Server/C:%5Cdev%5Cprojects%5Cproject-acme%5Cacme%5Capps%5Cnextjs%5C.next%5Cserver%5Cchunks%5Cssr%5Csrc_5095cc..js?97:343:278)
at Router (http://localhost:3000/_next/static/chunks/08b5e_next_dist_client_9bb038._.js:13230:53)
at AppRouter (http://localhost:3000/_next/static/chunks/08b5e_next_dist_client_9bb038._.js:13269:53)
at ServerRoot (http://localhost:3000/_next/static/chunks/08b5e_next_dist_client_9bb038._.js:15630:54)

Your Example Website or App

No response

Steps to Reproduce the Bug or Issue

Using Autocomplete in latest Release with React 19

Expected behavior

no forwardRef error

Screenshots or Videos

No response

Operating System Version

Windows / macOS

Browser

Chrome

[linear]

ENG-1627 [BUG] - Autocomplete forwardRef Error in 2.5.0 Beta

[jrgarciadev]

Hey @christophmeise please use the canary version instead, we already fixed this issue