To convert JavaScript components to TypeScript in React, rename the file extension from .js to .tsx, define prop types using TypeScript interfaces or type aliases, and ensure the component returns a React element. You can also use generic types and React.FC for functional components.