NoopComponent

Exports Size

Gzip Size

Brotli Size

Source Code

Docs

A component that renders nothing by returning an empty fragment (<Fragment />).

This is useful when a library expects a React component or a ReactElement (instead of ReactNode, so you can’t pass a null or undefined) but you intentionally want no UI output.

src/app/layout.tsx


import { Layout } from 'nextra-theme-docs';
import { NoopComponent } from 'foxact/noop-component';
 
export default async function RootLayout({ children }: React.PropsWithChildren) {
  return (
    <html lang="en">
      <body>
        <Layout
          lastUpdated={<NoopComponent />}
        >
          {children}
        </Layout>
      </body>
    </html>
  );
}