What type should children be for DropdownMenu component to accept it?

[aprilmintacpineda]

I'm trying to do this:

import Burger from '@/app/icons/burger';
import {
  Button,
  Dropdown,
  DropdownItem,
  DropdownMenu,
  DropdownTrigger,
} from '@nextui-org/react';
import { type PropsWithChildren } from 'react';

export const QuickActionMenuItem = DropdownItem;

export default function QuickActionMenu({
  children,
}: PropsWithChildren) {
  return (
    <div className="fixed right-4 bottom-4">
      <Dropdown>
        <DropdownTrigger>
          <Button
            isIconOnly
            size="lg"
            className="rounded-full"
            variant="shadow"
            color="primary"
          >
            <Burger />
          </Button>
        </DropdownTrigger>
        <DropdownMenu>{children}</DropdownMenu>
      </Dropdown>
    </div>
  );
}

But I get:

Type 'ReactNode' is not assignable to type 'CollectionChildren<object>'.
  Type 'undefined' is not assignable to type 'CollectionChildren<object>'.

But that doesn't make sense because I could literally pass any children there.

<DropdownMenu>
   <p>THIS WORKS</p>
</DropdownMenu>

This is one of those components that are pretty hard to extend.

[yankee0]

I have the same problem, did you solve it?