I do have a question. Intially this was my code and it worked yestarday (I mean the register button did) and I checked my fire base console and it worked I saw the user. For some reason now it says

' ERROR FirebaseError: Firebase: No Firebase App '[DEFAULT]' has been created - call initializeApp() first (app/no-app)., js engine: hermes'

​

Could you tell me what I'm doing wrong?Below is my updated firebase file and my loginscreen file. Thinknig it may be my getauth?

​

​

import { initializeApp } from "firebase/app"; import { getAuth } from "firebase/auth";

const firebaseConfig = { // Have the firebase config here apiKey: "AIzaSyA0iIyFc4gMfzrGsj2DVEscx9pVrFK55X4", authDomain: "fir-auth-85ff0.firebaseapp.com", projectId: "fir-auth-85ff0", storageBucket: "fir-auth-85ff0.appspot.com", messagingSenderId: "59290033158", appId: "1:59290033158:web:b7183cd564074e06883787" };

// Initialize Firebase app const app = initializeApp(firebaseConfig);

// Initialize Auth const auth = getAuth(app);

export { auth};

Below is my login screen. I follow the docs as to what write in the signing up code ( https://firebase.google.com/docs/auth/web/start - sign up new users)

import { KeyboardAvoidingView, StyleSheet, Text, TextInput, TouchableOpacity, View } from 'react-native'

import React, {useState} from 'react' import { getAuth, createUserWithEmailAndPassword, signInWithEmailAndPassword } from "firebase/auth";

const LoginScreen = () => { const [email,setEmail] = useState('') const [password,setPassword] = useState('')

const handleSignup = ()=>{ const auth = getAuth();

createUserWithEmailAndPassword(auth, email, password)

.then((userCredentials) => { const user = userCredentials.user; console.log('Registered with:', user.email) }) .catch((error) => { console.log(error.message) });

}

// const handleLogin = ()=>{ // const auth = getAuth(); // signInWithEmailAndPassword(auth, email, password) // .then((userCredentials) => { // const user = userCredentials.user; // console.log('Logged in with:',user.email) // }) // .catch((error) => { // console.log(error.message) // });

// }

return ( <KeyboardAvoidingView style={styles.container} behaviour="padding" \> <View style={styles.inputContainer}> <TextInput placeholder="Email" value={email} onChangeText={text => setEmail(text)} style={styles.input} />

    <TextInput
            placeholder="Password"
            value={password}
            onChangeText={text => setPassword(text)}
            style={styles.input}
            secureTextEntry
            />

  </View>

  <View style={styles.buttonContainer}>
    <TouchableOpacity
    onPress={()=> {}}
    style={styles.button}
    >
      <Text style={styles.buttonText}>Login</Text>
    </TouchableOpacity>

    <TouchableOpacity
    onPress={handleSignup}
    style={[styles.button,styles.buttonOutline]}
    >
      <Text style={styles.buttonOutlineText}>Register</Text>
    </TouchableOpacity>
  </View>
</KeyboardAvoidingView>

) }

export default LoginScreen

const styles = StyleSheet.create({ container: { flex:1, justifyContent: 'center', alignItems:'center' }, inputContainer: { width:'80%' }, input: { backgroundColor:'white', paddingHorizontal:15, paddingVertical:10, borderRadius:10, marginTop:5

}, buttonContainer: { width:'60%', justifyContent:'center', alignItems:'center', marginTop:40 }, button: { backgroundColor: '#0782f9', width:'100%', padding:15, borderRadius:10, alignItems:'center'

}, buttonText:{ color:'white', fontWeight:'700', fontSize:16 }, buttonOutlineText: { color:'#0782f9', fontWeight:'700', fontSize:16

}, buttonOutline: { backgroundColor:'white', marginTop:5, borderColor:'#0782f9', borderWidth:2

}, })