Some components type children to never thanks to PropsWeControl?

[bravely]

So, I've got the following component:

const ProfileButton: FC<{ currentUser: boolean }> = ({ currentUser }) => {
  return (
    <Menu as="div" className="ml-3 relative">
        <div>
          <Menu.Button
            className={classNames(
              currentUser
                ? "bg-gray-800 flex text-sm rounded-full focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white"
                : "bg-gray-800 p-1 rounded-full text-gray-400 hover:text-white focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-offset-gray-800 focus:ring-white"
            )}
          >
            <span className="sr-only">Open user menu</span>
            {currentUser ? (
              <img
                className="h-8 w-8 rounded-full"
                src="https://images.unsplash.com/photo-1472099645785-5658abf4ff4e?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=facearea&facepad=2&w=256&h=256&q=80"
                alt=""
              />
            ) : (
              <DotsCircleHorizontalIcon
                className="block h-6 w-6"
                aria-hidden="true"
              />
            )}
          </Menu.Button>
        </div>
        <Transition
          as={Fragment}
          enter="transition ease-out duration-100"
          enterFrom="transform opacity-0 scale-95"
          enterTo="transform opacity-100 scale-100"
          leave="transition ease-in duration-75"
          leaveFrom="transform opacity-100 scale-100"
          leaveTo="transform opacity-0 scale-95"
        >
          <Menu.Items className="origin-top-right absolute right-0 mt-2 w-48 rounded-md shadow-lg py-1 bg-white ring-1 ring-black ring-opacity-5 focus:outline-none">
            {currentUser ? (
              <PopupMenu.Item href={"/me"}>Your Profile</PopupMenu.Item>
            ) : (
              <PopupMenu.Item href={"/signup"}>Sign Up</PopupMenu.Item>
            )}
            <PopupMenu.Item href={"/settings"}>Settings</PopupMenu.Item>
            {currentUser && (
              <PopupMenu.Item href={"#"}>Sign out</PopupMenu.Item>
            )}
          </Menu.Items>
        </Transition>
    </Menu>
  )
}

Seems to work fine in the UI, but Typescript isn't happy with the type of the children I'm passing to Menu- specifically, it seems to think there shouldn't be children, of any kind:

Type '{ children: Element; as: string; className: string; }' is not assignable to type 'Omit<never, PropsWeControl>'.
  Property 'children' is incompatible with index signature.
    Type 'Element' is not assignable to type 'never'.ts(2322)

I'm getting similar with Disclosure, where I get this error:

Type '{ children: ({ open }: { open: boolean; }) => Element; as: string; className: string; }' is not assignable to type 'Omit<never, "className" | "children" | "as" | "refName">'.
  Property 'children' is incompatible with index signature.
    Type '({ open }: { open: boolean; }) => JSX.Element' is not assignable to type 'never'.ts(2322)

Both are taken as examples from this NavBar component from TailwindUI.com.