有没有办法为所有的段落标签呈现一个自定义的react组件？

import React from 'react';

// 自定义的段落组件
const CustomParagraph = ({ children }) => {
  return <p style={{ color: 'red' }}>{children}</p>;
};

// 使用自定义组件替代所有的段落标签
const App = () => {
  const createElement = React.createElement;
  React.createElement = (type, ...args) => {
    if (type === 'p') {
      return createElement(CustomParagraph, ...args);
    }
    return createElement(type, ...args);
  };

  return (
    <div>
      <p>这是一个普通的段落。</p>
      <p>这是另一个普通的段落。</p>
    </div>
  );
};

export default App;