Unable to set basic auth security rules to FIRESTORE - react-native

Question

Im trying to set rules to Firestore allowing all user to read and write around if they're signed in.
I already have my Authentication working with Firebase, using email and password.
But the simplest auth rule I write, it just throw me an error.
Im trying to make Firestore work with this rule:
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write: if request.auth.uid != null;
}
}
}
But when I try to write to Firestore I got this:
If I try the Function Helpers Approach:
service cloud.firestore {
//Function
function isSignedIn() {
return request.auth.uid != null;
//Also tried with "request.auth != null"
}
//Rules
match /databases/{database}/documents {
match /{document=**} {
allow read: if isSignedIn();
allow write: if isSignedIn();
//Also tried with "allow read, write: if isSignedIn();"
}
}
}
It also throw me the same error.
I also tried matching custom paths, like match /Restaurants/{RestaurantsId} ... but also didn’t work…
But if I remove everything and I use the following default rule:
service cloud.firestore {
match /databases/{database}/documents {
match /{document=**} {
allow read, write;
}
}
}
it does work…
I’ve followed Firestore Documentation, AngularFirebase Video Tutorial, looked at github and here to similar cases and I still cant make it work. I see everybody that has tried this got this working perfectly, but it does not with me :S.
––––UPDATE 1––––
Here is how Im calling the set method of Firestore:
When I press a “Save Button” I call this helper function:
saveMealHandler() {
const { mealImage, mealCategory, mealName, mealIngredients, mealPrice, mealOptions, mealExtras, user } = this.props;
const id = this.props.completeMenu.length;
const { navigation } = this.props;
this.props.saveMeal({
key: id,
name: mealName,
avatar: mealImage,
ingredients: mealIngredients,
price: mealPrice,
category: mealCategory,
options: mealOptions,
extras: mealExtras
}, user);
this.props.cleanAllInputs();
}
and this helper call’s the following action creator which writes on Firestore:
export const saveMeal = (newMeal, user) => {
const db = firebase.firestore();
const docRef = db.collection('Resto').doc(user);
return dispatch => {
docRef.set({
isWorking: 'JALAPEÑO!'
})
.then(() => {
console.log('Document successfully written!');
})
.catch((error) => {
console.error('Error writing document: ', error);
});
dispatch({ type: SAVE_NEW_MEAL_TO_MENU, payload: newMeal });
};
};
––––UPDATE 1––––
––––UPDATE 2––––
This is the function which capture the user and password and calls the action creator:
onButtonPress() {
const { email, password } = this.props;
console.log(email, password);
this.props.loginUser({ email, password });
}
This is the action creator im using for register and login in an user
export const loginUser = ({ email, password }) => {
return (dispatch) => {
dispatch({ type: LOGIN_USER_START });
firebase.auth().signInWithEmailAndPassword(email, password)
.then(user => userLoginSuccess(dispatch, user))
.catch(() => {
firebase.auth().createUserWithEmailAndPassword(email, password)
.then(user => userLoginSuccess(dispatch, user))
.catch(() => userLoginFail(dispatch));
});
};
};
//Helpers
const userLoginSuccess = (dispatch, user) => {
dispatch({ type: LOGIN_USER_SUCCESS, payload: user.uid });
};
const userLoginFail = (dispatch) => {
dispatch({ type: LOGIN_USER_FAIL });
};
And this is how I know this functions are working:
––––UPDATE 2––––
With all my attempts I think may be I missed to install something without knowing in or there is something wrong when I add the condition. But It this moment I just prefer to ask.
I also recorded a video so you can see the issue, here it is:
https://youtu.be/9fmWk7-HjZ4
Thanks to everyone.

Answer 1

i came across same problem
import all firebase cdn below
https://www.gstatic.com/firebasejs/6.4.0/firebase-app.js
https://www.gstatic.com/firebasejs/6.4.0/firebase-auth.js
https://www.gstatic.com/firebasejs/6.4.0/firebase-firestore.js