React Native phone input with country code selector

react-native-phone-input.js

import React, { useState } from 'react';
import CountryPicker from 'react-native-country-picker-modal';
import PNF, { PhoneNumberUtil } from 'google-libphonenumber';

const [countryCode, setCountryCode] = useState('AU');
const [phoneNumber, setPhoneNumber] = useState('');
const phoneUtil = PhoneNumberUtil.getInstance();

function setCode ({ cca2 }) {
  setCountryCode(cca2);
}

function submit() {
  const number = phoneUtil.parseAndKeepRawInput(phoneNumber, countryCode);
  const internationalNumber = phoneUtil.formatOutOfCountryCallingNumber(number);
  // ...
}

return (
  <PhoneInput>
    <CountryPicker
      countryCode={countryCode}
      onSelect={setCode}
      withFilter
      withFlag
      withCallingCode
      withCallingCodeButton
      withAlphaFilter
      withEmoji
    />
    <TextInput
      style={phoneInputStyle}
      placeholder="0123 456 789"
      value={phoneNumber}
      onChangeText={setPhoneNumber}
    />
  </PhoneInput>
);