Rule: `no-prop-destructure`

[brandongregoryscott]

Implement a rule that converts destructured props in a function component into the body of the function, i.e.

interface ButtonProps {
  appearance?: string;
  backgroundColor?: string;
  borderRadius?: string | number;
  onClick: () => void;
}

const Button: React.FC<ButtonProps> = ({
  appearance,
  backgroundColor,
  borderRadius,
  onClick,
}) => {
  return <button></button>;
};

will be transformed to:

interface ButtonProps {
  appearance?: string;
  backgroundColor?: string;
  borderRadius?: string | number;
  onClick: () => void;
}

const Button: React.FC<ButtonProps> = (props) => {
  const { appearance, backgroundColor, borderRadius, onClick } = props;
  return <button></button>;
};

[brandongregoryscott]

Can reference react/destructuring-assignment for implementation ideas, but it does not have auto-fix support