Was ist der Unterschied zwischen React.ReactNode und React.ReactElement in Props?

type PropsWithChildren<P = {}> = P & {
  children?: React.ReactNode;
};

interface LayoutProps {
  sidebar: React.ReactElement;
}

const Layout = ({ sidebar, children }: PropsWithChildren<LayoutProps>) => (
  <div>
    <aside>{sidebar}</aside>
    <main>{children}</main>
  </div>
);