javascript - intl-tel-input, getSelectedCountryData returning empty object

Question

I am using the latest version of intl-tel-input, and in my knowledge follow the documentation on how to use it. I can successfully get the number using "getNumber" method butI dont understand why i cant get any value when calling "getSelectedCountryData()". Below is my code:

//international-tel-input.js

import intlTelInput from './international-tel-input/intlTelInput';
import utilsScript from './international-tel-input/utils';
export function interNationalTelephoneInput(){
    const input = document.querySelector('.mobile-number');
    const iti   = intlTelInput(input, {
        utilsScript: utilsScript,
        separateDialCode: true,
    });
    return {
        iti: iti
    }
}

//file.js i am calling the international-tel-input.js file here

import {interNationalTelephoneInput} from "../../../utilities/js/international-tel-input";

const iti = interNationalTelephoneInput().iti;
console.log('NUMBER ', iti.getNumber());
console.log('ITI ', iti.getSelectedCountryData());