How can we pass children as verbatim text?

[behrangsa]

Hi,

If I have a component like this:

const CodeBlock = ({ children }) => {
  return (
    <pre className={styles.codeBlock}>
      <code>{children}</code>
    </pre>
  );
};

How can I pass verbatim text, containing special characters such as { to it?

## Example 1

Here's an example:

<CodeBlock>
public class Main {
    public static void main(String[] args) {
    }
}
</CodeBlock>

That was the example.

[wooorm]

Do the same you would in JSX. Use an expression:

<CodeBlock>{`
public class Main {
    public static void main(String[] args) {
    }
}
`}</CodeBlock>