text: import React, { useEffect, useState } from 'react'
  import StyledFirebaseAuth from 'react-firebaseui/StyledFirebaseAuth'
  import firebase from 'firebase/app'
  import 'firebase/auth'
  import axios from 'axios'
  
  const firebaseAuthConfig = {
    signInFlow: 'popup',
    signInOptions: [
      {
        provider: firebase.auth.GoogleAuthProvider.PROVIDER_ID,
      },
    ],
    signInSuccessUrl: '/',
    credentialHelper: 'none',
    callbacks: {
      signInSuccessWithAuthResult: (result) => {
  
        return false
      },
    },
  }
  
  const FirebaseAuth = () => {
    const [renderAuth, setRenderAuth] = useState(false)
    useEffect(() => {
      if (typeof window !== 'undefined') {
        setRenderAuth(true)
      }
    }, [])
    return (
      <div>
        {renderAuth ? (
          <StyledFirebaseAuth
            uiConfig={firebaseAuthConfig}
            firebaseAuth={firebase.auth()}
          />
        ) : null}
      </div>
    )
  }
  
  export default FirebaseAuth
  