import { combine, Effect, Event, forward, Store } from "effector";
import { debounce } from "patronum/debounce";

export function pagination<D, F, P>(options: {
 setPage: Event<number>;
 $currentPage: Store<number>;
 $pagesCount: Store<number>;
 $filters: Store<F>;
 getFx: Effect<
   F & P & { page: number },
   {
     list: D[];
     pagesCount: number;
   }
 >;
 params: P;
 timeout?: number;
}) {
 const {
   setPage,
   $currentPage,
   $filters,
   getFx,
   $pagesCount,
   params,
   timeout = 200,
 } = options;

 debounce({
   source: combine([$currentPage, $filters], ([page, filters]) => ({
     page,
     ...filters,
     ...params,
   })),
   target: getFx,
   timeout,
 });

 forward({
   from: $filters,
   to: setPage.prepend(() => 1),
 });

 forward({
   from: getFx.doneData.map(data => data.pagesCount),
   to: $pagesCount,
 });
}
в итоге получилось вот такое решение

inversify + effector integration. Contribute to kobzarvs/infector development by creating an account on GitHub.