Custom Masking PhoneField component in React

I need to create a phone field component that supports custom phone number masks and includes the country code. Do you have any suggestions for a library that could help with this? If you have alternative ideas, I’d appreciate the help.

Explanation: In certain applications, the phone input field needs to accommodate various phone number formats depending on the country, including the country code (e.g., +1 for the US). A library that supports custom phone number masks would allow the field to automatically format numbers as they’re being typed (e.g., (123) 456-7890), and still account for variations in different countries.

This feature is important for improving user experience, ensuring consistency, and validating the entered phone numbers effectively. I’d like to know if there’s a preferred library or approach you recommend for building this.

I have tried using react-phone-input-2, but I was only able to mask the phone numbers, not the country code.