Redux toolkit handling axios undefined response - reactjs

Question

I'm using redux toolkit and im sending request to Api.
In the example below, we try to find user by some shortId, if there is no user found, server respond with 404 status code.
Server side:
class Controller {
...
public sendInvitationHandler = async (
req,res
) => {
try {
const senderId = res.locals.user.id;
const { username, shortId } = req.body;
const user = await this.userService.findUserByShortId({
shortId,
username,
});
//I want this message in redux error message
if (!user) return res.status(404).send('No user found!')
const response = await this.friendService.sendInvitation({
senderId: senderId ,
receiverId: receiverId,
});
res.send(response);
} catch (error) {
res.status(400).send(error);
}
};
User service function:
...
public findUserByShortId=async({shortId,username})=>{
const user= await this.users.findOne(
//some logic
)
return user
}
Client side :
...
export const sendInvitationHandler = createAsyncThunk(
"friends/sendInvitation",
async ({ username, shortId }, thunkApi) => {
try {
if(!username || !shortId ) return
const response= await friendService.sendInvitation({ username, shortId });
if(!response) throw new Error()
return response
} catch (error: any) {
const message =
error?.response?.data?.message || error.message || error.toString();
return thunkApi.rejectWithValue(message);
}
});
I cant figure out how to pass an error from backend to redux state.In reducer response is undefined because we dont find any user. If i dont throw any error when there is no response, then reducer is fullfiled because it is not an error to redux.
I get error message:
'Cannot read properties of undefined (reading 'data')'