Getting error from react-native-sms-retriever - react-native

Question

I am using react-native-sms-retriever packages to listen my sms from mobile. But it gives me an error after several minute passed.Even though I have added remove listener in useEffect.
let isApiSubscribed = true;
useEffect(async() => {
firstInput.current.focus();
if(isApiSubscribed){
_onSmsListenerPressed();
}
return () => {
isApiSubscribed = false;
SmsRetriever.removeSmsListener();
}
}, []);
const _onSmsListenerPressed = async () => {
try {
const registered = await SmsRetriever.startSmsRetriever();
if (registered) {
SmsRetriever.addSmsListener((event) => {
const message = event.message;
const otpCode = /(\d{4})/g.exec(message)[1];
const output = [];
const sNumber = otpCode.toString();
for (var i = 0, len = sNumber.length; i < len; i += 1) {
output.push(+sNumber.charAt(i));
}
const [currentPin1, currentPin2, currentPin3, currentPin4] = output;
setOtp({
...otp,
pin1: currentPin1,
pin2: currentPin2,
pin3: currentPin3,
pin4: currentPin4,
});
SmsRetriever.removeSmsListener();
isApiSubscribed = false;
Keyboard.dismiss();
});
}
} catch (error) {
console.log(JSON.stringify(error));
}
};
enter image description here