How save the user's id in Redux state from Firebase? - reactjs

Question

I try to store the id of the user from Firebase but it does not work. If Somebody has some advice pls tell me or recommend a better solution.
type here
So Guys I have this slice:
`
import { Toast } from "#chakra-ui/react";
import { async } from "#firebase/util";
import { createAsyncThunk, createSlice } from "#reduxjs/toolkit";
import {
getAuth,
createUserWithEmailAndPassword,
updateProfile,
signInWithEmailAndPassword,
onAuthStateChanged,
} from "firebase/auth";
import { setDoc, doc, serverTimestamp } from "firebase/firestore";
import { useSelector } from "react-redux";
import { db, auth } from "../firestore/firebase";
export const signUpWithEmail = createAsyncThunk(
"auth/signUpWithEmail",
async ({ firstName, lastName, email, password }) => {
const userCredential = await createUserWithEmailAndPassword(
auth,
email,
password
);
const user = userCredential.user;
updateProfile(auth.currentUser, { displayName: firstName });
const formData = { firstName, lastName, email };
formData.timestamp = serverTimestamp();
await setDoc(doc(db, "users", user.uid), formData);
}
);
export const signInwithEmail = createAsyncThunk(
"auth/signinWithEmail",
async ({ email, password }) => {
const userCredential = await signInWithEmailAndPassword(
auth,
email,
password
);
}
);
export const getUserId = createAsyncThunk("auth/getId", async () => {
onAuthStateChanged(auth, (user) => {
if (user) {
const uid = user.uid;
return uid;
}
});
});
const initialState = {
userId: null,
isloggedIn: false,
status: null,
};
export const authSlice = createSlice({
name: "auth",
initialState,
reducers: {},
extraReducers: (builder) => {
builder
.addCase(signUpWithEmail.fulfilled, (state, action) => {
state.status = "succsess";
})
.addCase(signUpWithEmail.pending, (state) => {
state.status = "loading";
})
.addCase(signUpWithEmail.rejected, (state) => {
state.status = "error";
})
.addCase(signInwithEmail.fulfilled, (state) => {
state.status = "succsess";
state.isloggedIn = true;
})
.addCase(signInwithEmail.rejected, (state) => {
state.status = "error";
})
.addCase(signInwithEmail.pending, (state) => {
state.status = "loading";
})
.addCase(getUserId.fulfilled, (state, action) => {
state.userId = action.payload;
if (action.payload) {
state.isloggedIn = true;
}
});
},
});`
export default authSlice.reducer;
And in the index.js i call the function.
`store.dispatch(getUserId());`
I am expecting that I always can accses to the userId with the useSelector.
thx for a lot.