Query filtered Firestore data with React - query works perfectly in rules playground

Question

I am struggling with the a permission error when querying data in firestore. When querying for the data in the rules playground everything works perfectly. As soon as I try