I'm trying to get the roomId from firestore but I'm stuck with this problem since last week I have tried different es6 syntax to overcome with but no result. Below I have provided the code it shows the error on selectRoomId
import { createSlice } from '@reduxjs/toolkit';
export const appSlice = createSlice({
name: 'app',
initialState: {
roomId: null
},
reducers: {
enterRoom: (state, action) => {
state.roomId = action.payload.roomId;
},
},
});
export const { enterRoom } = appSlice.actions;
export const selectRoomId = state => state.app.roomId;
export default appSlice.reducer;
Spread your state and update the roomId only
reducers: {
enterRoom: (state, action) => {
...state,
roomId: action?.payload?.roomId;
},
},
Console log to check what you get from the store object by changing the state to
export const state = (state) => state;
this helped me, I was facing the same issue.
#Inside Component
const roomId = useSelector(state);
console.log(roomId);
#What I get from console
{user:{roomId: null}