> For the complete documentation index, see [llms.txt](https://block3d.gitbook.io/block3d/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://block3d.gitbook.io/block3d/components/block3rcontent.md).

# Block3rContent

A simple component that controls whether the page displays the Block3d component or the actual page content depending on the return data from useBlock3r.

```typescript
/* /src/components/Block3rContent.tsx */

import { useBlock3r } from "../hooks/useBlock3r";
import Block3d from "./Block3d";
import React from "react";

export const Block3rContent = ({ children }) => {
  const { isBlock3d } = useBlock3r();

  if (isBlock3d) {
    return <Block3d />;
  } else {
    return <div>{children}</div>;
  }
};
```