@babel/plugin-transform-react-pure-annotations

Automatic Pure Annotation for Functional Components

Automatically adds pure annotations to functional React components, indicating that they can be safely removed if unused.

Before:
const MyComponent = () => <div>Hello World</div>;

After:
const MyComponent = /*#__PURE__*/() => <div>Hello World</div>;

Automatic Pure Annotation for Class Components

Automatically adds pure annotations to the return value of render methods in class components, aiding in their potential tree-shaking.

Before:
class MyComponent extends React.Component {
  render() {
    return <div>Hello World</div>;
  }
}

After:
class MyComponent extends React.Component {
  render() {
    return /*#__PURE__*/<div>Hello World</div>;
  }
}