auth/invalid-value-(email),-starting-an-object-on-a-scalar-field - firebase

Question

This is a hot problem I see a lot of people asking it about it in the last couple of days and its not even registered in Firebase Documentations.
Operating System: OS 11.6.1
React-Native
expo-cli 6.0.5
Firebase #9.2.0
Starting with imports ON the actual
[Prettier Code][1]
[1]: https://i.stack.imgur.com/5UfNQ.png
Initialising Firebase (Back-end)
[Prettier Code][2]
[2]: https://i.stack.imgur.com/UZTUu.png
Initializing Auth, and CreateUserWithEmailAndPassword (Back-end)
[Prettier Code][3]
[3]: https://i.stack.imgur.com/9eZdn.png
Form TextInput and Button
[Prettier Code][FORM]
[FORM]: https://i.stack.imgur.com/5Xom9.png
useState and registering Handler { logger() }
[Prettier Code][5]
[5]: https://i.stack.imgur.com/xHDBd.png
LOGS: Firebase: Error (auth/invalid-value-(email),-starting-an-object-on-a-scalar-field-invalid-value-(password),-starting-an-object-on-a-scalar-field).
import { View, Text, Button, TextInput, KeyboardAvoidingView, Keyboard } from 'react-native'
import React, { useState } from 'react'
import styles from '../../Components/Card/Comments/styles'
import { initFirebase, auth, registerUserEmlPwd } from '../../../firebase'
export default function RegisterScreen({navigation}) {
const [email, setEmail] = useState('');
const [password, setPassword] = useState('');
function logger (){
initFirebase();
registerUserEmlPwd(auth ,email, password )
console.log(email, password);
}
return (
<KeyboardAvoidingView>
<View
style={{
marginTop: 100,
justfiyContent: 'center',
alignItems: 'center',
}}
>
<Text>Register</Text>
<TextInput
placeholder="Email"
returnKeyType="next"
value={email.value}
onChangeText={(text) => setEmail(text)}
error={!!email.error}
errorText={email.error}
autoCapitalize="none"
autoCompleteType="email"
textContentType="emailAddress"
keyboardType="email-address"
/>
<TextInput
placeholder="Password"
returnKeyType="done"
value={password.value}
onChangeText={(text) => setPassword(text)}
error={!!password.error}
errorText={password.error}
secureTextEntry
/>
<Button title="Register" onPress={logger} />
<Button
title="Go Back"
onPress={() => {
navigation.goBack();
}}
/>
</View>
</KeyboardAvoidingView>
);
}
enter code here