mobx-react-routing/page-view-model/page-view-model.base.js

MobX react-router-dom integration

import { ViewModelBase } from 'mobx-view-model';
export class PageViewModelBase extends ViewModelBase {
    router;
    routeDeclaration;
    constructor(routeDeclaration, router, config) {
        super(config);
        this.routeDeclaration = routeDeclaration;
        this.router = router;
    }
    get routeMatch() {
        return (this.router.matches.find((match) => match.id === this.routeDeclaration.id) ?? null);
    }
    get pathParams() {
        return (this.routeMatch?.params ?? {});
    }
    get queryParams() {
        return this.router.queryParams.data;
    }
}