What is the best approach to manage multiple AsyncThunk at single slice. Would be correct if I put computed properties of each async action?

export const register = createAsyncThunk('user/register', async (payload, { rejectWithValue }) => {

})

export const login = createAsyncThunk('user/login', async (payload, { rejectWithValue }) => {

})

export const userSlice = createSlice({
    name: "user",
    initialState: { currentUser: "", },
    extraReducers: {
        [register.pending]: (state) => {
        },
        [register.fulfilled]: (state) => {
        },
        [register.rejected]: (state) => {
        },

        [login.pending]: (state) => {
        },
        [login.fulfilled]: (state) => {
        },
        [login.rejected]: (state) => {
        },
    }
});