Migrating React Codebase from JavaScript to TypeScript with ESLint in Vite

I'm currently managing a React codebase written in JavaScript and utilizing ESLint in Vite for linting. However, I've been considering migrating the codebase to TypeScript for improved type safety and maintainability.

I need some guidance on how to approach this migration process.

Are there any recommended strategies or best practices for migrating from JavaScript to TypeScript while integrating with ESLint in Vite? Any tips, resources, or personal experiences you could share would be helpful.