title: Error: auth/configuration-not .An internal error has occurred
body: <p>any Idea why I m getting this issue when I click on sign Up by email and password in React-Native and Firebase ?</p>
  <pre><code>[Error: [auth/configuration-not] An internal error has occurred. [ CONFIGURATION_NOT_FOUND ]]
  </code></pre>
  <p>My App.js file</p>
  <pre><code>
  import React,{useEffect,useState} from 'react';
  import 'react-native-gesture-handler';
  import {
    StatusBar,
    View,
    Text
  } from 'react-native';
  
  import {Provider} from 'react-redux';
  import {store} from './redux/store';
  
  
  import Home from './screens/Home';
  import Cart from './screens/Cart';
  import CartDone from './screens/CartDone';
  import Login from './screens/Login';
  import Register from './screens/Register';
  import {NavigationContainer} from '@react-navigation/native';
  import {createDrawerNavigator,DrawerContentScrollView,DrawerItem} from '@react-navigation/drawer';
  import Product from './screens/Product';
  import {Avatar,Drawer} from 'react-native-paper';
  import auth from '@react-native-firebase/auth';
  
  const DrawerNav = createDrawerNavigator();
  
  
  const App=() =&gt; {
  
   // Set an initializing state whilst Firebase connects
   const [initializing, setInitializing] = useState(true);
   const [user, setUser] = useState();
  
   // Handle user state changes
   function onAuthStateChanged(user) {
     setUser(user);
     if (initializing) setInitializing(false);
   }
  
   useEffect(() =&gt; {
     const subscriber = auth().onAuthStateChanged(onAuthStateChanged);
     return subscriber; // unsubscribe on unmount
   }, []);
  
  if (initializing) return null;
  
  
  if(!user){
    return(
      &lt;Provider store={store}&gt;
        &lt;StatusBar barStyle=&quot;white&quot; backgroundColor=&quot;red&quot; /&gt;
        &lt;NavigationContainer&gt;
        &lt;DrawerNav.Navigator InitialRoute=&quot;Login&quot; drawerContent={(props)=&gt;&lt;DrawerContent {...props}/&gt;}&gt;
            &lt;DrawerNav.Screen name=&quot;Login&quot; component={Login} /&gt;
            &lt;DrawerNav.Screen name=&quot;Register&quot; component={Register} /&gt;
          &lt;/DrawerNav.Navigator&gt;
        &lt;/NavigationContainer&gt;
      &lt;/Provider&gt;
    );
  }
  
    return (
      &lt;Provider store={store}&gt;
        &lt;StatusBar barStyle=&quot;white&quot; backgroundColor=&quot;red&quot; /&gt;
        &lt;NavigationContainer&gt;
        &lt;DrawerNav.Navigator InitialRoute=&quot;Home&quot; drawerContent={(props)=&gt;&lt;DrawerContent {...props}/&gt;}&gt;
            &lt;DrawerNav.Screen name=&quot;Home&quot; component={Home} /&gt;
            &lt;DrawerNav.Screen name=&quot;Cart&quot; component={Cart} /&gt;
            &lt;DrawerNav.Screen name=&quot;CartDone&quot; component={CartDone} /&gt;
            &lt;DrawerNav.Screen name=&quot;Product&quot; component={Product} /&gt;
          &lt;/DrawerNav.Navigator&gt;
        &lt;/NavigationContainer&gt;
      &lt;/Provider&gt;
    );
  };
  
  
  
  function DrawerContent(props){
  
  return(
    &lt;DrawerContentScrollView {...props}&gt;
    &lt;View style={{flex:1,alignItems:&quot;center&quot;}}&gt;
      &lt;Avatar.Image style={{backgroundColor:'white'}} size={130} source={require('./assets/avatar.png')}/&gt;
    &lt;/View&gt;
    &lt;Drawer.Section&gt;
    &lt;DrawerItem 
           label=&quot;Home&quot;
           icon={()=&gt;(
            &lt;Avatar.Icon backgroundColor=&quot;white&quot; color=&quot;black&quot; size={30} icon=&quot;home&quot;/&gt;
            )}
          onPress={()=&gt;props.navigation.navigate('Home')}
      /&gt;
      &lt;DrawerItem 
           label=&quot;Cart&quot;
           icon={()=&gt;(
            &lt;Avatar.Icon backgroundColor=&quot;white&quot; color=&quot;black&quot; size={30} icon=&quot;cart&quot;/&gt;
            )}
          onPress={()=&gt;props.navigation.navigate('Cart')}
      /&gt;
      &lt;DrawerItem 
           label=&quot;Login&quot;
           icon={()=&gt;(
            &lt;Avatar.Icon backgroundColor=&quot;white&quot; color=&quot;black&quot; size={30} icon=&quot;account&quot;/&gt;
            )}
          onPress={()=&gt;props.navigation.navigate('Login')}
      /&gt;
    &lt;/Drawer.Section&gt;
  &lt;/DrawerContentScrollView&gt;
    );
  }
  
  export default App;
  </code></pre>
  <p>my Register.js file :</p>
  <pre><code>import React,{useState} from 'react'
  import {View,StyleSheet,TouchableOpacity,TextInput} from 'react-native';
  import Header from '../components/header';
  import {Item,Input,Icon,Label,CheckBox,ListItem,Body,Text} from &quot;native-base&quot;;
  //react-native-hide-show-password-input
  //import auth from '@react-native-firebase/auth';
  import { ScrollView } from 'react-native-gesture-handler';
  import firestore from '@react-native-firebase/firestore';
  
  export default Register = ({navigation})=&gt;{
      return (
         &lt;Header screen=&quot;Register&quot; component={Main} navigation={navigation} /&gt;
      )
  }
  
  const Main=(props)=&gt;{
  
  const [email,setemail]=useState('');
  const [password,setpassword]=useState('');
  const [firstName,setfirstName]=useState('');
  const [lastName,setLastName]=useState('');
  const [secureText,setSecureText]=useState(true);
  const [isChecked,setisChecked]=useState(false);
  
  
   function CreateUser(){
  
   if(email!=&quot;&quot; &amp;&amp; email!=null &amp;&amp; password!=&quot;&quot; &amp;&amp; password!=null &amp;&amp; isChecked==true ){
       auth()
       .createUserWithEmailAndPassword(email,password)
       .then(() =&gt; {
        console.log('User account created &amp; signed in!');
      })
      .catch(error =&gt; {
        if (error.code === 'auth/email-already-in-use') {
          console.log('That email address is already in use!');
         }
    
         if (error.code === 'auth/invalid-email') {
          console.log('That email address is invalid!');
         }
    
        console.log(&quot;last one&quot;,error);
      });
   }
  
  // adding user to firestore
  /*firestore()
    .collection('Users')
    .add({
      name: firstName+&quot; &quot;+lastName,
      email : email,
      password : password,
    })
    .then(() =&gt; {
      console.log('User added!');
    })
    .catch(err=&gt;console.log(err)); */
  
   }
  
  
      return (
          &lt;ScrollView&gt;
          &lt;View style={styles.Container}&gt;
               &lt;View style={styles.form}&gt;
  
               &lt;Item rounded style={styles.inputstyle}&gt;
                  &lt;Input
                   placeholder=&quot;First Name&quot;
                   value={firstName}
                   onChangeText={text =&gt;setfirstName(text)}
                   underlineColor=&quot;transparent&quot;
                  /&gt;
  
                  &lt;/Item&gt;
                  &lt;Item rounded style={styles.inputstyle}&gt;
                  &lt;Input
                   placeholder=&quot;Last Name&quot;
                   value={lastName}
                   onChangeText={text =&gt;setLastName(text)}
                   underlineColor=&quot;transparent&quot;
                  /&gt;
  
                  &lt;/Item&gt;
                  &lt;Item rounded style={styles.inputstyle}&gt;
                  &lt;Input
                   placeholder=&quot;Email&quot;
                   value={email}
                   onChangeText={text =&gt;setemail(text)}
                   underlineColor=&quot;transparent&quot;
                  /&gt;
                  &lt;/Item&gt;
  
                   &lt;Item rounded style={styles.inputstyle}&gt;
                    &lt;Input secureTextEntry={secureText} onChangeText={(text)=&gt;setpassword(text)} placeholder='password'/&gt;
                    &lt;Icon active onPress={()=&gt;setSecureText(secureText==true ? false : true)} name={secureText==true ? &quot;eye-off&quot; : &quot;eye&quot;} /&gt;
                   &lt;/Item&gt;
  
                   &lt;View style={styles.termscheckboxContainer}&gt;
                   &lt;ListItem&gt;
                    &lt;CheckBox onPress={()=&gt;setisChecked(isChecked==false ? true : false)} checked={isChecked} /&gt;
                    &lt;Text style={{ marginLeft:10 }}&gt;Accept the terms and conditions&lt;/Text&gt;
                  &lt;/ListItem&gt;
                   &lt;/View&gt;
                
  
                  &lt;TouchableOpacity 
                   onPress={()=&gt;CreateUser()}
                  style={styles.submit}&gt;
                      &lt;Text style={styles.submittxt}&gt;Sign up&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
  
                 
                  &lt;View style={styles.divid}&gt;
                      &lt;View style={styles.line} /&gt;
                      &lt;Text style={styles.or}&gt;or&lt;/Text&gt;
                      &lt;View style={styles.line} /&gt;
                  &lt;/View&gt;
  
                 &lt;View style={styles.secondpanel}&gt;
                 &lt;TouchableOpacity style={styles.facebook}&gt;
                      &lt;Text style={styles.txtsignwith}&gt;Sign In with Facebook&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
  
                  &lt;TouchableOpacity style={styles.google}&gt;
                      &lt;Text style={styles.txtsignwith}&gt;Sign In with Google&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
  
                 &lt;View style={styles.signupqs}&gt;
                 &lt;Text style={styles.signupqstxtA}&gt;Already have an account?&lt;/Text&gt;
                  &lt;TouchableOpacity 
                  onPress={()=&gt;props.navigation.navigate('Login')}
                  style={styles.signupqsbtn}&gt;
                    &lt;Text style={styles.signupqstxtB}&gt;Sign In&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                 &lt;/View&gt;
                 &lt;/View&gt;
               &lt;/View&gt;
          &lt;/View&gt;
          &lt;/ScrollView&gt;
      )
  }
  </code></pre>
  <p>I have followed all instructions in React Native Firebase documentation.
  Auth function login verification working .
  I have also enabled email and password service from firebase.</p>
  <p>thanks.</p>