fix type of Navbar.children, should be ReactNode, not ReactElement (#4201)

* allow change `nextThemes.forcedTheme` prop

* afix

* fix

* now

* now

Author: dimaMachina

.changeset/six-ants-rhyme.md

@@ -0,0 +1,5 @@
+---
+"nextra-theme-docs": patch
+---
+
+fix type of `Navbar.children`, should be `ReactNode`, not `ReactElement`

packages/nextra-theme-docs/src/components/navbar/index.tsx

@@ -3,14 +3,14 @@ import cn from 'clsx'
 import NextLink from 'next/link'
 import { Anchor } from 'nextra/components'
 import { DiscordIcon, GitHubIcon } from 'nextra/icons'
-import { element } from 'nextra/schemas'
+import { element, reactNode } from 'nextra/schemas'
 import type { FC } from 'react'
 import { z } from 'zod'
 import { fromZodError } from 'zod-validation-error'
 import { ClientNavbar } from './index.client'
 
 const propsSchema = z.strictObject({
-  children: element.optional(),
+  children: reactNode.optional(),
   logoLink: z.union([z.string(), z.boolean()]).default(true),
   logo: element,
   projectLink: z.string().optional(),

packages/nextra/src/server/schemas.ts

@@ -1,6 +1,6 @@
 import type { ProcessorOptions } from '@mdx-js/mdx'
 import type { MathJax3Config } from 'better-react-mathjax'
-import type { ReactElement } from 'react'
+import type { ReactElement, ReactNode } from 'react'
 import { isValidElement } from 'react'
 import type { Options as RehypeKatexOptions } from 'rehype-katex'
 import type { Options as RehypePrettyCodeOptions } from 'rehype-pretty-code'
@@ -72,6 +72,12 @@ export const element = z.custom<ReactElement<Record<string, unknown>>>(
   isValidElement,
   { message: 'Must be React.ReactElement' }
 )
+export const reactNode = z.custom<ReactNode>(
+  data =>
+    isValidElement(data) ||
+    (Array.isArray(data) && data.every(value => isValidElement(value))),
+  { message: 'Must be React.ReactNode' }
+)
 
 export const stringOrElement = z.union([z.string(), element])