below is my code to login user using json server as backend ,now i have to display loggedin username after successfull login

const Login = () => {
const classes = useStyles();
const [username, setUsername] = useState("");
const [error, setError] = useState("");
let navigate = useNavigate();

 const login = (e) => {
 e.preventDefault();
 axios
      .post("http://localhost:5000/api/auth/login", {
        username,   
      })
      .then((response) => {
        console.log("response", response);
        localStorage.setItem(
          "login",
          JSON.stringify({
            userLogin: true,
            token: response.data.access_token,
          })
        );
        setError("");
        setUsername("");
        // setLogoutUser(false);
     navigate("/");
      })
      .catch((error) => setError(error.response.data.message));
  };