title: React Native - Expo Error - "export 'auth' was not found in 'firebase' :
body: <p>Building an auth app using native with the expo.</p>
  <p>Create <code>firebase.js</code> file and link the app</p>
  <p>exported <code>auth</code> properly in <code>firebase.js</code> still can't import <code>auth</code> in my <code>LoginScreen.js</code> file</p>
  <p>It keeps throwing the error</p>
  <pre><code>&quot;export 'auth' was not found in 'firebase'
    11 | 
    12 |     const handleSignup = () =&gt;{
  &gt; 13 |         auth
       |        ^
    14 |         .createUserWithEmailAndPassword(email, 
  password)
    15 |         .then(usersCredentials =&gt; {
    16 |             const user = userCredentials.user; 
  </code></pre>
  <p>Firebase.js</p>
  <pre><code>// Import the functions you need from the SDKs you need
  // import * as firebase from &quot;firebase&quot;;
  import firebase from &quot;firebase/app&quot;
  // import &quot;firebase/auth&quot;
  // TODO: Add SDKs for Firebase products that you want to use
  // https://firebase.google.com/docs/web/setup#available-libraries
  
  // Your web app's Firebase configuration
  const firebaseConfig = {
    apiKey: &quot;AIzaSyB4R4he96dglIFlyGQyP8aYKLtzfGGc_ZQ&quot;,
    authDomain: &quot;fir-auth-ec54a.firebaseapp.com&quot;,
    projectId: &quot;fir-auth-ec54a&quot;,
    storageBucket: &quot;fir-auth-ec54a.appspot.com&quot;,
    messagingSenderId: &quot;211989329100&quot;,
    appId: &quot;1:211989329100:web:765e2715889a0fc374be69&quot;
  };
  
  // Initialize Firebase
   let app;
   if (firebase.apps.length == 0) {
       app = firebase.initializeApp(firebaseConfig)
   } else{
       app = firebase.app()
   }
  
   const auth = firebase.auth()
  
   export default { auth }
  </code></pre>
  <p>dependencies in package.json</p>
  <pre><code>&quot;dependencies&quot;: {
      &quot;@react-navigation/native&quot;: &quot;^6.0.6&quot;,
      &quot;@react-navigation/native-stack&quot;: &quot;^6.2.5&quot;,
      &quot;expo&quot;: &quot;~44.0.0&quot;,
      &quot;expo-status-bar&quot;: &quot;~1.2.0&quot;,
      &quot;firebase&quot;: &quot;8.2.3&quot;,
      &quot;react&quot;: &quot;17.0.1&quot;,
      &quot;react-dom&quot;: &quot;17.0.1&quot;,
      &quot;react-native&quot;: &quot;0.64.3&quot;,
      &quot;react-native-safe-area-context&quot;: &quot;3.3.2&quot;,
      &quot;react-native-screens&quot;: &quot;~3.10.1&quot;,
      &quot;react-native-web&quot;: &quot;0.17.1&quot;
    },
  </code></pre>
  <p><strong>EDIT</strong></p>
  <p>This is where I am importing the firebase:</p>
  <pre><code>import React, { useState } from 'react'
  import { KeyboardAvoidingView, StyleSheet, Text, View } from 'react-native'
  import { TextInput, TouchableOpacity } from 'react-native-web'
  // import firebase from &quot;firebase/app&quot;
  // import &quot;firebase/auth&quot;
  import { auth } from '../firebase'
  
  const LoginScreen = () =&gt; {
      const [email, setEmail] = useState('')
      const [password, setPassword] = useState('')
  const handleSignup = () =&gt;{
      auth
      .createUserWithEmailAndPassword(email, password)
      .then(userCredentials =&gt; {
          const user = userCredentials.user;
          console.log(user.email)
      })
      .catch(error =&gt; alert(error.message))
  }
  
  return (
      &lt;KeyboardAvoidingView
          style={styles.container}
          behavior='padding'
      &gt;
          &lt;View style={styles.inputContainer}&gt;
              &lt;TextInput 
                  placeholder=&quot;Email&quot;
                  value={email}
                  onChangeText={text =&gt; setEmail(text) }
                  style={styles.input}
              /&gt;
              &lt;TextInput 
                  placeholder=&quot;Password&quot;
                  value={password}
                  onChangeText={text =&gt; setPassword(text) }
                  style={styles.input}
                  secureTextEntry
              /&gt;
          &lt;/View&gt;
  
          &lt;View style={styles.buttonContainer}&gt;
              &lt;TouchableOpacity
                  onPress={() =&gt; {}}
                  style={styles.buttonText}
              &gt;`enter code here`
              &lt;Text style={styles.button}&gt;Log In&lt;/Text&gt;
              &lt;/TouchableOpacity&gt;
              &lt;TouchableOpacity
                  onPress={handleSignup}
                  style={[styles.button, styles.buttonOutline]}
              &gt;
              &lt;Text style={styles.buttonOutlineText}&gt;Register&lt;/Text&gt;
              &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
      &lt;/ KeyboardAvoidingView&gt;
  
  )}
  
  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: '#1674B5',
      width:'100%',
      padding:15,
      borderRadius:10,
      alignItems:'center'
  },
  buttonText:{
      color:'white',
      fontWeight:'700',
      fontSize:16,
  },
  buttonOutline:{
      backgroundColor:'white',
      marginTop:5,
      borderColor:'#1674B5',
      borderWidth:2,
  },
  buttonOutlineText:{
      color:'#1674B5',
      fontWeight:'700',
      fontSize:16,
  },})
  </code></pre>
  <p>But now I can't see anything on the Web Browser Emulator. VS code console is showing <code>&quot;Build Complete&quot;</code>. What should I do to fix it?</p>
  <p>This is the Screenshot of my emulator now:</p>
  <p><a href="https://i.stack.imgur.com/n80l7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/n80l7.png" alt="enter image description here" /></a></p>
  <p>Snack is giving me this error</p>
  <p><a href="https://i.stack.imgur.com/0b2NW.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/0b2NW.png" alt="enter image description here" /></a></p>