rancher-docs/src/theme/MDXComponents/Pre.js

import React, {isValidElement} from 'react';
import CodeBlock from '@theme/CodeBlock';
export default function MDXPre(props) {
  return (
    <CodeBlock
      // If this pre is created by a ``` fenced codeblock, unwrap the children
      {...(isValidElement(props.children) &&
      props.children.props?.originalType === 'code'
        ? props.children.props
        : {...props})}
    />
  );
}