infinite.effect.ts

const loadData = createAction('[Home Page] Load Data');
const loadDataSuccess = createAction(
  '[Home Page] Load Data',
  props<{payload: object}>(),
);

const _dataReducer = createReducer(
  {},
  on(loadDataSuccess, (state, {payload}) => ({...state, ...payload})),
);

@Injectable()
export class DataEffects {
  loadData$ = createEffect(() => this.actions$.pipe(
    ofType(loadData),
    mergeMap(() => this.dataService.getData().pipe(
      map(payload => loadDataSuccess({payload})),
    )),
  ));

  constructor(
    private readonly actions$: Actions,
    private readonly dataService: DataService,
  ) {}
}