retrieving data from firebase in react- redux app - reactjs

Question

firebase rules
{
"rules": {
"ingredients": {
".read": true,
".write": true,
},
"orders": {
".read": "auth != null",
".write": "auth != null",
".indexOn": ["userId"]
}
}
}
firebase data
{
"ingredients" : {
"bacon" : 0,
"cheese" : 0,
"meat" : 0,
"salad" : 0
},
"orders" : {
"-M-gRBK60ImmEg55J2lC" : {
"ingredients" : {
"bacon" : 0,
"cheese" : 0,
"meat" : 1,
"salad" : 1
},
"orderData" : {
"country" : "a",
"deliveryMethod" : "fastest",
"email" : "a#a.com",
"name" : "a",
"street" : "aa",
"zipcode" : "11111"
},
"price" : 1.8,
"userId" : "LyKBp44aSgPiGPdKvClUNtddJ7G3"
}
}
}
here i want to retrieve orders from firebase and filter it according to userId
to display user specific orders
but it fails and console.log(res.data) give me empty obj { }
instead of the orders .. there's no error message
.. what is the problem here ??
export const fetchOrders = (token, userId) => {
return dispatch => {
dispatch(fetchOrdersStart()); // to set loading to true
const queryParams = '?auth=' + token + '&orderBy="userId"&equalTo="' + userId + '"';
axios.get( '/orders.json' + queryParams)
.then( res => {
console.log(res.data);
const fetchedOrders = [];
for ( let key in res.data ) {
fetchedOrders.push( {
...res.data[key],
id: key
} );
}
dispatch(fetchOrdersSuccess(fetchedOrders));
} )
.catch( err => {
dispatch(fetchOrdersFail(err));
} );
};
};