Windows 10-
Firebase version 6.11.0

I have a pretty simple project. Everything is in the index.js file and I created the project using firebase init.

I call this on postman, supplying the correct data, however I get a Type Error: firebase.auth() is not a function.

I tried reinstalling the node modules, new empty project, installing firebase and functions in different order, importing firebase auth directly, and always get the same error.

Anyone can help with this?

Thanks

hello i am having a slight issue on my react app concerning ' typeError: firebase.auth not a funtion

the code below is my index.js

below is my fbConfig.js file

also the authAction.js file

So finally this is my Signin.js which contains the higer order component connect to mapDispatchToProps

this is the error message i get

TypeError: Object ( ... ) is not a function. I was taking his mistake. reaction-Redux-Firebase 2.2.4 version I was told to drop, I did but gives error.web browser new mistake:

TypeError: Cannot read property 'SDK_VERSION' of undefined.what do you think the solution is?you help me?

package.json

{
  "name": "marioplan",
  "version": "0.1.0",
  "private": true,
  "dependencies": {
    "@testing-library/jest-dom": "^4.2.4",
    "@testing-library/react": "^9.3.2",
    "@testing-library/user-event": "^7.1.2",
    "firebase": "^7.8.2",
    "react": "^16.12.0",
    "react-dom": "^16.12.0",
    "react-redux": "^7.1.3",
    "react-redux-firebase": "^2.2.4",
    "react-router-dom": "^5.1.2",
    "react-scripts": "3.4.0",
    "redux": "^4.0.5",
    "redux-firestore": "^0.12.0",
    "redux-thunk": "^2.3.0"
  },
  "scripts": {
    "start": "react-scripts start",
    "build": "react-scripts build",
    "test": "react-scripts test",
    "eject": "react-scripts eject"
  },
  "eslintConfig": {
    "extends": "react-app"
  },
  "browserslist": {
    "production": [
      ">0.2%",
      "not dead",
      "not op_mini all"
    ],
    "development": [
      "last 1 chrome version",
      "last 1 firefox version",
      "last 1 safari version"
    ]
  },
  "devDependencies": {
    "eslint-plugin-react": "^7.18.3"
  }
}

index.js

/* eslint-disable no-unused-vars */
import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';

import {createStore, applyMiddleware,compose} from 'redux';
import rootReducer from './store/rootReducer';
import {Provider} from 'react-redux'
import thunk from 'redux-thunk'
import {getFirestore,reduxFirestore } from 'redux-firestore'
import {getFirebase,reactReduxFirebase} from 'react-redux-firebase'
import fbConfig from './config/fbConfig'

const store=createStore(rootReducer, 
    compose(
    applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore})),
    reduxFirestore(),
    reactReduxFirebase()
    )
    );

ReactDOM.render(<Provider store ={store}></Provider>><App />, document.getElementById('root'));

With react-redux v6 and new React Context API, react-redux-firebase has changed. Here's an official Migration Guide. Please update your tutorial.

If projects collections contains a lot of documents, probably 2,000, is there a way to bring 25 at time, like Google search. This update would mean a lot! Thanks

store.firebaseAuthIsReady.then(()=>{
ReactDOM.render(, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

})

How we can manage without server key while calling firebase apis

const initState = {}
const projectReducer = (state = initState, action) => {
switch (action.type) {
case 'CREATE_PROJECT_SUCCESS':
console.log('create project success');
return state;
case 'CREATE_PROJECT_ERROR':
console.log('create project error');
return state;
default:
return state;
}
};

export default projectReducer;

the only thing that gets console logged is create project error. Should this be the case?

Can someone please help me with this
React.Children.only expected to receive a single React element child.
▶ 21 stack frames were collapsed.
Module../src/index.js
src/index.js:23
20 | )
21 | );
22 |

23 | ReactDOM.render(
24 |
25 | {" "}
26 | ,

Using this tutorial, the url for each individual project is the long, ugly id.

Each project of mine has a projectURL property. How do I change the URL to that?

Is there a new authentication code we must update in order for project and user data to update to the cloud firestore?

Thank you kindly!

I was following the video tutorial till 19th after that when I implemented the code I got this error. Will be really helpful if someone can help me out with this issue.

Hey, I'm looking to use this as a base for an upcoming open source project.

Do you have a license in mind? An MIT-style license would be killer.

Hey guys,
I'm new to how to use firebase and firestore in react. Can someone tell me how to fix this problem? Becuase I don't understand why I have this problem.
Tha's the error:

and that's the code of the index.js and of the rootReducer

thank you in andvance!

re: Episode 19 of the firebase app.

I've been trying to complete the project with v3 of react-redux-firebase using these docs http://docs.react-redux-firebase.com/history/v3.0.0/docs/v3-migration-guide.html and I am getting stumped with upgrading.

I am going to complete with v2 for now but would be very helpful if someone has successfully upgraded to v3

Any chance someone else has done this? I keep getting errors.

Module not found: Can't resolve 'firebase/app' in 'C:\Users........

please I need your help

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import {createStore,applyMiddleware,compose} from 'redux'
import rootReducer from './store/reducers/rootReducer';
import {Provider} from 'react-redux'
import thunk from 'redux-thunk'
import {createFirestoreInstance,getFirestore} from 'redux-firestore'
import {getFirebase} from 'react-redux-firebase'
import fsConfig from './config/fsConfig'
import firebase from 'firebase/app'
import ReactReduxFirebaseProvider from 'react-redux-firebase'

const store= createStore(rootReducer,compose(
applyMiddleware(thunk.withExtraArgument({getFirebase,getFirestore})),
//reduxFirestore(fsConfig),
//reactReduxFirebase(fsConfig)
)
);

const rrfProps = {
    firebase,
    config: fsConfig,
    dispatch: store.dispatch,
    createFirestoreInstance
  };

ReactDOM.render(

<ReactReduxFirebaseProvider {...rrfProps}>


, document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
// Learn more about service workers: https://bit.ly/CRA-PWA
serviceWorker.unregister();

i got version error so used code for version-3 for firebase and made a few change using ReactReduxFirebaseProvider and create firestore instance but now i am getting an error stating
"Warning: React.createElement: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: object. at the <Context.Provider> component:" occuring at ReactReduxFirebaseProvider

Trying to get all the projects from Firestore. When I use the below in the dashboard

firestoreConnect([
{collection: 'apps'}
])

I get the below error in the app

TypeError: Cannot read property 'firebase' of undefined
FirestoreConnect.componentWillMount
node_modules/react-redux-firebase/es/firestoreConnect.js:65
62 | _createClass(FirestoreConnect, [{
63 | key: 'componentWillMount',
64 | value: function componentWillMount() {

65 | var _store = this.store,
| ^ 66 | firebase = _store.firebase,
67 | firestore = _store.firestore;
68 |

when I used store.firebaseAuthIsReady does not work. then i logged it to console which gave undefined value

console.log('some',store.firebaseAuthIsReady)

Hi my name is Eddie, and I'm learning react right now with firebase, but I don't understand much yet so I'm a little bit lost on giving user different roles. So I'm building a personal blog and my client want to admin to the site. She want to have the option to upload new blog and regular user just have the option to comment and like a blog. But I don't know how to set each user role in firebase database.

Code is not creating Notification collection in firestore

after the route guarding [lec-27] nothing is visible on the dashboard

Hey,

Where's the source files :)

• The version of react-redux-firebase on the video's is v2 so make sure that u are working with this version by executing in the teminal : npm i --save react-redux-firebase^@2.5.0

• Otherwise the code will have some changes u can check : http://docs.react-redux-firebase.com/history/v3.0.0/docs/v3-migration-guide.html?q=

Hi, I'm Sangwook.
I'm studying to develop the react app with firebase.
Your Tutorial is SO COOL!!! Those are the best lectures!
I prefer to the latest version, so I create marioplan with react hooks and latest firebase library.

But, I have a trouble in Tutorial #32-Firestore Sercurity Rules.

I use "useSelector" for using authError in SignIn.js like this
const authError = useSelector(state => state.auth.authError);

After I signed in the app, when I log out,
there is a firebase error "Unhandled Rejection (FirebaseError): Missing or insufficient permissions."

I think it is because the app try to read the database for authError even user is not signed in.
So, I try to move the hooks into handleSubmit, but it is not allowed by hooks rule.

How can I solve this problem?
Thank you.

Can you please help me out? I am trying to create the project but an error is showing 'Firebase instance does not yet exist. Check your compose function.'

Any ideas?

const store = createStore(rootReducer,
compose(
applyMiddleware(thunk.withExtraArgument({getFirebase, getFirestore})),
reactReduxFirebase(fbConfig), // redux binding for firebase
reduxFirestore(fbConfig) // redux bindings for firestore
)
);

in this line error is throwing it says TypeError: Object(...) is not a function and say webpack_require in webpack/bootstrap:785 line

After I run 'firebase init' command and going through all the questions, ultimately it throws an error as
'Error: Server Error. unable to verify the first certificate'. What should I do?
@iamshaunjp

firebase init

 ######## #### ########  ######## ########     ###     ######  ########
 ##        ##  ##     ## ##       ##     ##  ##   ##  ##       ##
 ######    ##  ########  ######   ########  #########  ######  ######
 ##        ##  ##    ##  ##       ##     ## ##     ##       ## ##
 ##       #### ##     ## ######## ########  ##     ##  ######  ########

You're about to initialize a Firebase project in this directory:

? Are you ready to proceed? Yes
? Which Firebase CLI features do you want to set up for this folder? Press Space to select features, then Enter to confi
rm your choices. Functions: Configure and deploy Cloud Functions, Hosting: Configure and deploy Firebase Hosting sites

=== Project Setup

First, let's associate this project directory with a Firebase project.
You can create multiple project aliases by running firebase use --add,
but for now we'll just set up a default project.

? Please select an option: Use an existing project
? Select a default Firebase project for this directory: meww-project (meww-project)
i Using project meww-project (meww-project)

=== Functions Setup

A functions directory will be created in your project with a Node.js
package pre-configured. Functions can be deployed with firebase deploy.

? What language would you like to use to write Cloud Functions? JavaScript
? Do you want to use ESLint to catch probable bugs and enforce style? No
? File functions/package.json already exists. Overwrite? Yes

• Wrote functions/package.json
  ? File functions/index.js already exists. Overwrite? Yes
• Wrote functions/index.js
  ? File functions/.gitignore already exists. Overwrite? Yes
• Wrote functions/.gitignore
  ? Do you want to install dependencies with npm now? Yes
  audited 253 packages in 2.935s
  found 0 vulnerabilities

=== Hosting Setup

Your public directory is the folder (relative to your project directory) that
will contain Hosting assets to be uploaded with firebase deploy. If you
have a build process for your assets, use your build's output directory.

? What do you want to use as your public directory? dist
? Configure as a single-page app (rewrite all urls to /index.html)? Yes

Error: Server Error. unable to verify the first certificate

I have imported moment.

When tried running the app, the line below - from the file named ProjectSummary.js

{moment(project.createdAt.toDate()).calendar()}

throws the error on the subject head

After some reading up I solved this by running;

Set-ExecutionPolicy -ExecutionPolicy Bypass -Scope CurrentUser
in PowerShell, as admin, then it worked.