property data of type Object is unreadable with ngFor

Angualr does not recognise the property data (dummy data from an API), i get the following error:
Property ‘data’ does not exist on type ‘Object’

I tried removing the data property and just use “let user of users” but it gives me the following error on of : Type ‘Object’ is not assignable to type ‘NgIterable | null | undefined’

my HTML component

<ul *ngIf="users">
  <li value="user" *ngFor="let user of"> 
    <img [src]="user.avatar">
    <p>{{ user.first_name }} {{ user.last_name }}</p>

the ts component :

import { Component, OnInit } from '@angular/core';
import { DataService } from '../data.service';

  selector: 'app-home',
  templateUrl: './home.component.html',
  styleUrls: ['./home.component.scss']
export class HomeComponent implements OnInit {

  users: Object;

  constructor(private data: DataService) { 

  ngOnInit() { => {
      this.users = data

the Dataservice ts component:

import { Injectable } from '@angular/core';
import { HttpClient, HttpClientModule } from '@angular/common/http';

  providedIn: 'root'
export class DataService {

  constructor(public http: HttpClient) { }

  getUsers() {
    return this.http.get('')