Weird Behavior When Using Angular Material 2 Table (angular 2/spring Boot Backend)

Continue to the Using angular material 2 table to display the result from backend based on user's current location My purpose for this code is when user enter the site, it will try

Solution 1:

Finally solved....

All I need to do just change ngOnInit on HomeComponent class to following

asyncngOnInit() {
    awaitthis.dataSource.connect();
}

and it works.. don't know why...