[BUG] - Dialog actions are broken. Custom components don't work in model actions

[konsti]

Description

Using a custom component as a dialog action does not work. The production build always throws the error:

Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: null.

The development build works without issues!

I also suspect the example from the official repo would not work, but the example has a dependency issue and cannot be installed with NPM.

I've created a minimal reproduction repo with an example.

Reproduction URL

https://github.com/konsti/next-admin-bug

Reproduction steps

1. Clone the repository
2. Run docker-compose up
3. Open http://localhost:3000/admin
4. Try to open the "Send posts to subscribers" dialog

Next router

App router

Next Admin version

7.3.0

[konsti]

The deployed demo is also broken: https://next-admin-po.vercel.app/

• Try to add a post and then add a tag.

[konsti]

The issue could be cloneElement in https://github.com/premieroctet/next-admin/blob/main/packages/next-admin/src/components/ClientActionDialog.tsx#L115

cloneElement requires a valid React element, but we are passing a function that creates an element instead:

React docs:

element: The element argument must be a valid React element. For example, it could be a JSX node like , the result of calling createElement, or the result of another cloneElement call.

Wouldn't createElement be correct here?