Observable store fetch data "side effect"

example.ts

loadData() {
    this.setState({
        ...this.state,
        requestInProgress: true,
    });
    return this.http.get(url).pipe(
        tap(data => {
            this.setState({
                ...this.state,
                data: data,
                requestInProgress: false,
            });
        }),
        catchError(error => {
            this.setState({
                ...this.state,
                error: error,
                requestInProgress: false,
            });
            return throwError(error);
        })
    );
}