feat(react): remove PropTypes from all react components

[scurker]

BREAKING CHANGE: This removes all PropTypes from react components. If an author needs to depend on specific types, the recommendation going forward is to use Typescript types to validate React component props.

closes #1164

[github-actions]

Preview branch generated at https://remove-prop-types.d1gko6en628vir.amplifyapp.com

[scurker]

99% of the output here was done via the following codemod and jscodeshift commands:

Codemod

import type {
  API,
  FileInfo
} from 'jscodeshift'

export default function (file: FileInfo, api: API) {
  const j = api.jscodeshift;
  const root = j(file.source);

  // Find assignment propTypes and remove them
  const assignmentPropTypes = root
    .find(j.AssignmentExpression, {
      left: {
        property: {
          name: 'propTypes'
        }
      }
    })
  assignmentPropTypes.remove();

  // Find static propTypes from class based components and remove them
  const staticPropTypes = root
    .find(j.ClassProperty, {
      key: {
        type: 'Identifier',
        name: 'propTypes'
      },
      static: true
    })
  staticPropTypes.remove()

  // Remove import declaration
  const importPropType = root
    .find(j.ImportDeclaration, {
      source: {
        value: 'prop-types'
      }
    })
  importPropType.remove()

  return root.toSource();
}

CLI Command

npx jscodeshift -t ./remove-react-prop-types.ts --parser=tsx --extensions=tsx ./packages/react/src/**/*.tsx

[thuey]

There are a lot of places where className was added, but it seems unnecessary, unless I'm missing something.