I am creating a react/ redux app with json fake api server I am trying to add a login and trying to get data from json fake api server, data is showing and all ok , but data is always resulting as a promise and the required data is inside the promise. i tried many ways to distructure but throwing errors , could anyone help me on this,

my axios request

const urlss = "http://localhost:5000/users";

    export const userslist = async () => {
      const r = await axios.get(urlss);
      const data = r.data;
    
      return data;
    };
    const newout2 = userslist();
    const newout = newout2;
    console.log(newout);

the place where I am using it

   export const login = (credentials) => (dispatch) => {
  return new Promise((resolve, reject) => {
    const matchingUser =
      newout2 &&
      newout2.find(({ username }) => username === credentials.username);
    if (matchingUser) {
      if (matchingUser.password === credentials.password) {
        dispatch(setUser(matchingUser));
        resolve(matchingUser);
      } else {
        dispatch(setUser(null));
        reject("Password wrong");
      }
    } else {
      dispatch(setUser(null));
      reject("No user matching");
    }
  });
};

i am getting this error