Type alias ReactNode

Represents all of the things React can render.

Where ReactElement only represents JSX, ReactNode represents everything that can be rendered.

See

React TypeScript Cheatsheet

Example

// Typing children
type Props = { children: ReactNode }

const Component = ({ children }: Props) => <div>{children}</div>

<Component>hello</Component>
Copy

Example

// Typing a custom element
type Props = { customElement: ReactNode }

const Component = ({ customElement }: Props) => <div>{customElement}</div>

<Component customElement={<div>hello</div>} />
Copy